@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; }
body { font-size: 75%; background: #97b9e0; background-image: url(../images/registration/background-top.jpg); background-repeat: no-repeat; background-position: top center; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #333; font-family: Tahoma, Geneva, sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre { margin-bottom: 0.5em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; }
	h1 { font-family: Arial, Helvetica, sans-serif; color: #663366; font-size: 20px; margin: 0 0 1em 0; padding: 3px 10px 0 10px; width: 634px; height: 36px;  background-image: url(../images/global/h1-background.png); background-repeat: no-repeat; font-weight: bold; }
	h2 { color:#669933; size: 1.3em; border-bottom: 1px solid #aeb7c2; padding: 0.6em 0; margin-bottom: 0.75em; }
	h3 { color: #473054; font-size: 1.2em; margin-bottom: 0.4em; }
	h4 { font-size: 1.2em; }

a { color: #55a901; text-decoration: none; }
a:hover, a:focus, a:active { color: #669933; text-decoration: underline; }

.pur a { color: #663366; text-decoration: none; }
.pur a:hover { color: #3E1C4B; text-decoration: underline; }
.pur a:focus { color: #3E1C4B; text-decoration: underline; }
.pur a:active { color: #3E1C4B; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 2.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { margin-bottom: 0.5em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
abbr { border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #999; color: #999; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
.hide { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.small { font-size: 0.917em; }
.error { color: #C00; }


#container { background-image: url(../images/registration/background-footer.jpg); background-position: bottom center; background-repeat: no-repeat; }
#contentWrapper { width: 960px; margin: 0px auto; overflow: hidden; padding-bottom: 180px; }
	
	#layHeader { width: 960px; height: 150px; position: relative; }
		h1#logo { width: 300px; height: 130px; padding: 20px 0 0 0; margin: 0; background-image: none; }
		
		#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
		   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
	
		#layTopMenu { position: absolute; top: 90px; left: 300px; width: 660px; }
			#layTopMenu ul { list-style: none; width: 635px; text-align: right; }
			#layTopMenu li { display: inline; padding: 0 20px 0 0; }
			#layTopMenu li a { color: #533b60; text-decoration: none; }
			#layTopMenu li a:hover { color: #764193; text-decoration: underline; }
			
		#layLogin { color: #666666; position: absolute; top: 0; left: 560px; width: 396px; height: 52px; background-image: url(../images/global/login-background.png); background-repeat: no-repeat; padding: 14px 0 0 14px; }
		#layLoggedIn { color: #111; position: absolute; top: 0; left: 560px; width: 380px; height: 40px; background-image: url(../images/global/login-background.png); background-repeat: no-repeat; padding: 26px 0 0 30px; } 
	/* Homepage Layout */
	#homepageContentWrapper { float: left; width: 684px; margin: 0 15px 20px 0; }
		#homepageContentTop { width: 684px; height: 5px; line-height: 0; font-size: 0; }
		#homepageContent { width: 654px; padding: 5px 15px 20px 15px; background-color: #cbdaec; overflow: hidden; }
		#homepageContentBottom { width: 684px; height: 5px; line-height: 0; font-size: 0; }
		
		#homepageSearchForm { overflow: hidden; }
		.homepageSearchForm { float: left; padding: 0 20px 10px 0; }
		#homepageSearchForm label { display: block; float: left; padding: 0 10px 0 0; }
		#homepageSearchForm select { }
		#homepageSearchForm input { padding: 0 5px; }
		
	#homepagePodWrapper { float: left; width: 684px; }
	
	#layRightWrapper { float: left; width: 258px; }
	#layRightContentTop { width: 258px; height: 8px; line-height: 0; font-size: 0; }
	#layRightContent { width: 238px; background-image: url(../images/global/rightContent-Bottom.png); background-repeat: no-repeat; background-position: bottom; padding: 0 10px 70px 10px; }
	/* /Homepage Layout */
	
	/* Page Layout */
	#layLeftWrapper { width: 258px; margin: 0 15px 0 0;}
	#layLeftFloatContainer { position: absolute; top: 150px; }
	#layLeftContentTop { width: 258px; height: 8px; line-height: 0; font-size: 0; }
	#layLeftContent { width: 238px; background-image: url(../images/global/rightContent-Bottom.png); background-repeat: no-repeat; background-position: bottom; padding: 0 10px 70px 10px; }
	
	div > div#layLeftFloatContainer {
	  position: fixed;
	}
	
	#pageContentWrapper { float: right; width: 684px; margin: 0 0 20px 0; }
		#pageContentTop { width: 684px; height: 5px; line-height: 0; font-size: 0; }
		#pageContent { width: 654px; padding: 5px 15px 15px 15px; background-color: #cbdaec; overflow: hidden; }
		#pageContentBottom { width: 684px; height: 5px; line-height: 0; font-size: 0; }
	/* /Page Layout */
	
	/* Wide Page Layout */
	#pageWideContentWrapper { width: 960px; margin: 0 0 20px 0; }
		#pageWideContentTop { width: 960px; height: 5px; line-height: 0; font-size: 0; }
		#pageWideContent { width: 960px; padding: 5px 15px 15px 15px; background-color: #cbdaec; overflow: hidden; }
		#pageWideContentBottom { width: 960px; height: 5px; line-height: 0; font-size: 0; }

	
	#registrationForm { float: left; width: 246px; background-image: url(../images/registration/form-background.png); background-repeat: no-repeat; height: 289px; padding: 8px; }
		.formRow { padding-bottom: 8px; }
		.formRow label{ font-size: 1.2em; width: 65px; display: block; text-align: right; float: left; padding: 0 7px 0 0; }
		.formRowHidden { display: none; }

/* footer */
 #footer { font-size: 0.917em; color: #000; width: 100%; margin: 0 auto; text-align: center; font-size: 1em; padding: 10px 0; border-top: #333; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
    #footer p { color: #000; margin: 0; font-size: 0.917em;  }
    #footer ul { list-style: none; margin: 0 auto; padding: 0; width: 960px; text-align: center; }
     #footer ul li { display: inline; }
      #footer ul li a { font-size: 0.917em; color: #000; text-decoration: none; border-right: 1px solid #999; padding: 0 10px; }
      #footer ul li a:hover { text-decoration: underline; } 
	  
	  #footer a { font-size: 0.917em; color: #000; text-decoration: none; font-size: 1em; }
      #footer a:hover { text-decoration: underline; }
	  
/* Search Tables */
#tableAdvancedSearch td { padding: 4px; }

.tableSearchProducts { width: 100% }
.tableSearchProducts td { padding: 4px; font-size: 0.917em; }
.tableSearchProducts th { padding: 4px; font-size: 0.917em; text-align: left; border-bottom: 1px solid #999; }
.tableSearchProducts tr.tableFooter td { text-align: right; border-top: 1px solid #666; font-weight: bold; }

/* Winery Review Table */
#wineryReviews { width: 100% }
#wineryReviews td { padding: 3px; border-bottom: 1px solid #999; vertical-align: top; }

/* Add Review Table */
#addReviews { width: 500px; }
#addReviews td { padding: 4px; vertical-align: top; }


/* Checkout */
.checkoutTable { width: 100%; }
.checkoutTable td { padding: 4px; }

/*Member Area*/
#createAccountForm {  }
#createAccountForm div { padding-bottom: 8px; overflow: hidden; }
#createAccountForm div label { width: 120px; display: block; text-align: right; float: left; padding: 0 7px 0 0; }

/*Member Area - Reviews*/
#memberReviewTable { width: 100%; }
#memberReviewTable th { padding: 4px; font-size: 11px; border-bottom: 1px solid #ccc; }
#memberReviewTable td { padding: 4px; font-size: 11px; }

/*Member Area - Reservations*/
#memberReservationTable { width: 100%; }
#memberReservationTable th { padding: 4px; font-size: 11px; border-bottom: 1px solid #ccc; }
#memberReservationTable td { padding: 4px; font-size: 11px; }


/* Registration Form */
#registrationForm { float: left; width: 246px; padding: 8px; }
.formRow { padding-bottom: 8px; }
.formRow label{ font-size: 1em; width: 65px; display: block; text-align: right; float: left; padding: 0 7px 0 0; }
.formRowHidden { display: none; }

/* Form Builder Styling */
#formBuilderWrapper  {
	width: 230px;
	padding: 0 1em 1em 1em; margin: 0;
	border: 1px solid #ccc;
	text-align: left;
	}
	
	#formBuilderWrapper form{
		padding: 0; margin: 0;
		}
		
	#formBuilderWrapper fieldset {
		margin: 0; padding: 0 0 0.5em 1em;	
		border: 1px solid #666; 
		}
	
	#formBuilderWrapper legend {  
		margin: 0 0 0 -0.5em; padding: 0.5em;  
		color: #333;  
		font-size: 1.2em;
		text-align: left;
		}
	
	#formBuilderWrapper fieldset div {  
		padding: 0; margin: 0 0 1em 0;
		overflow: hidden;
		} 
	
		#formBuilderWrapper fieldset div input[type="text"]  {
			font-size: 11px;
			color: #666;
			width: 200px;
			}
		
		#formBuilderWrapper fieldset div select {
			font-size: 11px;
			color: #666;
			width: 205px;
			}
		
		#formBuilderWrapper fieldset div textarea {
			color: #666;
			width: 200px;
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.2em;
			}
			
	#formBuilderWrapper fieldset div.optinDiv {  
		/*padding: 0 0 1em 30px;*/
		padding: 0 0 1em 0; margin: 0;
		overflow: hidden;
		} 
			
	#formBuilderWrapper label {  
		display: block;
		margin: 0; padding: 0 1em 0 0;
		}
	
	#formBuilderWrapper fieldset.submit {
		margin: 1em 0 0 0; padding: 0.5em;	
		border: 1px solid #eee; 
		text-align: center;
	}
	
#formBuilderWrapperLoading {
	width: auto;
	padding: 20px 0px; margin: 0px;
	text-align: center;
}
	
	/* Error Styling */
	div.fieldError {  
		background-color: #ffefef;
		}
	
		.formWrapper fieldset div.fieldError input[type="text"]  {
			font-size: 0.9em;
			color: #C00;
			font-weight: bold;
			width: 200px;
			}
			
		.formWrapper fieldset div.fieldError textarea {
			font-size: 0.9em;
			color: #C00;
			font-weight: bold;
			width: 200px;
			}
		
		.fieldError label {  
			color: #C00;
			font-weight: bold;		
			}
		
			.fieldError label em{  
				color: #C00;
				font-weight: normal;		
				}
	
.formWrapperLoading {
	width: auto;
	padding: 20px 0px; margin: 0px;
	text-align: center;
	}


/* Form Error Message Styling */	
.formErrorMessage {  
	margin: 1em 0 0.5em 0; padding: 0; 
	}
	
	.formErrorMessage p { 
		color: #C00;
		font-weight: bold;
		}
		
	.formErrorMessage ul {  
		}
		
		.formErrorMessage li {  
			color: #C00;
			margin-left: -1.5em;
			}
#timeSlotTip{ position:absolute; padding:2px; border:1px solid black; font:normal 10px Verdana; line-height:12px; z-index:100; }