/* CSS Document */
/*reset styles */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,
fieldset,blockquote,th,td,img {
	border:0;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}
body {
	font:12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	position:relative;
}
.clearing {
	clear:both;
}
.imgPadding {
	padding:0px 8px 8px 0px;
}
a, #contentArea a:hover, #interiorContentHeader a:hover {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/**** Begin Styles for Map Directory ***/
	#map {
		background-image:url(../images/mapBg.png);
		background-repeat:no-repeat;
		bottom:240px;
		height:30px; /* 561px */
		left:400px;
		overflow: hidden;
		position:absolute;
		width:607px;
		z-index:1000;
	}
	#map #mapContent{
		margin: 40px 20px;
	}
	#map #mapControl{
		color: #fff;
		cursor: pointer;
		display: block;
		float: right;
		font:11px Arial, Helvetica, sans-serif; 
		font-weight: normal;
		margin: 5px 0px 0px 10px;
		width: 138px;
		z-index: 1000;
	}	
	#map #closeButton {
		background-image: url('/images/closeBg.jpg');
		display: block;
		float: right;		
	}
/*** End Map Directory Styles ***/

/**** Begin Styles for Page Peal ***/
#pageflip {
	position: relative;
}
#pageflip img {
	border:none;
	width: 70px; height: 78px;
	z-index: 99;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 70px; height: 78px;
	position: absolute;
	z-index: 50;
	left: 0; top: 0;
	background: url(/images/subscribe.png) no-repeat left top;
	text-indent: -9999px;
}
/*** End Map Page Peal ***/
#wrapper {
	margin:0px auto;
	position:relative;
	width:100%;
}
#headerContainer {
	background:url(/images/headerImageNew.jpg) no-repeat 0px 0px;
	background-color:#FFFFFF;
	height:273px;
	position:relative;		
	width:100%;
}
	#headerContainer #glasses {
		background-image:url(/images/eyeglasses.png);
		height:300px;
		left:316px;
		position:absolute;
		top:-4px;		
		width:426px;
		z-index:1;
	}
	#headerContainer #apptButton {
		background-image:url(/images/apptRequest.gif);
		height:61px;
		left:752px;
		position:absolute;
		top:0px;	
		width:240px;
	}
	#headerContainer #winkButton {
		height:61px;
		left:790px;
		position:absolute;		
		top:200px;
		width:184px;
	}
	#headerContainer .infoBox {
		bottom:0px;
		color:#262626;
		font-size:11px;
		padding:5px 10px;
		position:absolute;
		width:220px;
	}
		.info1 {
			left:257px;
		}
		.info2 {
			left:510px;
		}
		.buzz {
			font-size:14px;
		}
		a#readMore {
			background:url(/images/winkBullet.png) no-repeat 0px 0px;
			height:12px;
			padding:0px 0px 0px 15px;
		}
			#headerContainer a.black {
				color:#000;
			}
			
/**** Begin Main Content Styles for Index Page ****/		
#contentContainer {
	background-image:url(/images/blackContentBg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#000000;
	color:#FFFFFF;
	font:11px Arial, Helvetica, sans-serif; 
	height:316px;
	min-width:1200px;
	position:relative;	
	width:100%;
}	
		#flashContainer {
			background-image:url(/images/woman.jpg);
			height:316px;
			left:0px;
			position:absolute;
			top:0px;			
			width:258px;
		}
		#contentArea {			
			padding:10px 10px 10px 20px;
			width:225px;
		}
		#contentArea a, #interiorContentHeader a, #headerContainer a {
			color:#f89b22;
		}
		#contentArea a:hover, #interiorContentHeader a:hover {
			color:#ffffff;
		}
			.areaOne, .areaTwo, .areaThree, .interiorOne, .interiorTwo, .interiorThree {
				position:absolute;				
			}
			.areaOne {
				left:250px;
			}
			.areaTwo {
				left:500px;
			}
			.areaThree {
				left:750px;
			}
			#contentArea .style1 {
				color:#f89b22;
				font:42px Arial, Helvetica, sans-serif; 
				font-weight:normal;
				margin:0px 0px 5px 0px;
			}
			#contentArea .style1 a, .orange {
				color:#f89b22;
				text-decoration:none;
			}
			#contentArea .style1 a:hover {
				color:#ffffff;
				text-decoration:none;
			}
		
/** This holds the flowers on the left border**/
#organic {
	background-image:url(/images/organic.png);
	height:694px;
	left:0px;
	position:absolute;	
	top:113px;
	width:165px;
	z-index:1;
}

/** Start Footer Container Styles **/	
#footerContainer {
	background-color:#7b695d;
	background-image:url(/images/footerBg.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	height:auto;
	min-height:250px;
	min-width:1200px;
	position:relative;		
	width:100%;
}
	#footerContainer ul {
		left:698px;
		position:absolute;
		top:135px;		
	}
		#footerContainer ul li {
			color:#000000;
			display:inline;
			font:11px Arial, Helvetica, sans-serif;			
			font-weight:bold;
			padding:0px 4px 0px 4px;
		}
		#footerContainer ul li a {
			color:#000000;
			text-decoration:none;
		}
		#footerContainer ul li a:hover {
			color:#333333;
			text-decoration:underline;
		}
		.smLogo {
			background-image:url(/images/smLogo.gif);
			height:68px;
			left:838px;
			position:absolute;			
			top:10px;
			width:173px;
		}
		#footerContainer h1 {
			color:#FFFFFF;
			font:12px Arial, Helvetica, sans-serif;
			left:405px;
			position:absolute;
			text-align:right;
			top:72px;
			width:400px;
		}
		#footerContainer h2 {
			border:none;
			color:#FFFFFF;
			font:12px Arial, Helvetica, sans-serif;
			left:805px;
			position:absolute;
			top:100px;			
			width:400px;			
		}
		#footerContainer h3 {
			color:#FFFFFF;
			font:31px Arial, Helvetica, sans-serif; 
			left:815px;
			margin:0px;			
			position:absolute;
			top:70px;
		}
/** End footer container styles **/

/** Begin Interior Page Styles **/
#interiorTopHeader {
	background-image:url(/images/interiorTopHeader.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:left;	
	height:99px;
	width:100%;	
}
	#interiorTopHeader p {
		color:#f89b22;
		font:18px Arial, Helvetica, sans-serif; 
		font-weight:normal;
		margin:0px;
		padding:73px 0px 0px 910px;		
		width:90px;
	}
	#interiorTopHeader p a {
		color:#f89b22;
		text-decoration:underline;
	}
	#interiorTopHeader p a:hover {
		color:#000000;
		text-decoration:underline;
	}
	#interiorTopHeader #apptButton {
		background-image:url(/images/apptRequest.gif);
		height:61px;
		left:802px;
		position:absolute;
		top:0px;	
		width:240px;
	}	
	#interiorTopHeader a#winkLogo {
		background-image:url(/images/winkLogo.jpg);
		height:99px;
		left:0px;
		position:absolute;
		top:0px;		
		width:234px;
	}
#interiorBottomHeader {
	background-image:url(/images/interiorBlackBar.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:left;
	border-bottom:3px solid;
	border-color:#f89b22;
	height:95px;
	min-width:1200px;
	position:relative;	
	width:100%;
}
	#interiorContentHeader {
		height:75px;
		padding:10px 0px 0px 0px;		
		width:240px;
	}	
	.interiorOne {
		left:90px;
	}
	.interiorTwo {
		left:345px;
	}
	.interiorThree {
		left:610px;
	}
#interiorContentContainer {	
	margin:0px 0px 0px 40px;
	padding-bottom:30px;
	width:1000px;
}
	#interiorContentContainer ul {
		list-style-type:disc;
	}
	#interiorContentContainer ul li {
		padding:0px;
	}
	
/** Being Interior Left Navigation Styles **/
	#interiorLeftColumn {		
		float:left;
		padding-top:20px;
		width:225px;
	}
		#interiorLeftColumn #sideNavHeader {
			background-image:url(/images/subNavHeader.gif);
			background-repeat:no-repeat;			
			height:29px;
			width:220px;
		}
		#interiorLeftColumn #sideNav {
			background-image:url(/images/subNavBg.gif);
			background-repeat:repeat-y;
			width:220px;
		}
		#interiorLeftColumn #sideNav ul {
			list-style-type:none;
			margin:0px;
			padding:0px 10px 0px 20px;		
		}
		#interiorLeftColumn #sideNav ul li {
			color:#333333;
			font:15px Arial, Helvetica, sans-serif; 			
			font-weight:normal;
			padding:3px 0px 3px 0px;
		}
		#interiorLeftColumn #sideNav ul li a {
			color:#333333;
			text-decoration:none;
		}
		#interiorLeftColumn #sideNav ul li a:hover {
			color:#ff9933;
			text-decoration:none;
		}
		#interiorLeftColumn #sideNavFooter {
			background-image:url(/images/subNavFooter.gif);
			background-repeat:no-repeat;
			height:54px;		
			width:220px;
		}
/**End Interior Left Navigation Styles **/

/** Begin Interior Center Column Styles **/
	#interiorCenterColumn {
		color:#000000;
		float:left;		
		font:12px Arial, Helvetica, sans-serif; 
		margin:15px 5px 0px 5px;
		width:505px;
	}
		#interiorCenterColumn p {
			color:#000000;
			font:14px Arial, Helvetica, sans-serif; 
		}
/** End Interior Center Column Styles **/

			
/** Begin Interior Right Column Styles **/	
#interiorRightColumn {
	color:#333333;
	float:right;
	font:11px Arial, Helvetica, sans-serif; 
	padding-top:60px;
	position:relative;	
	width:220px;
}
	#interiorRightColumn #tanColumnHeader {
		background-image:url(/images/tanBoxHeader.gif);
		background-repeat:no-repeat;		
		height:12px;
		width:214px;
	}
	#interiorRightColumn #tanColumn {
		background-color:#f4f2ee;
		margin:0px 0px 0px 0px;
		min-height:400px;
		padding:8px 8px 8px 12px;	
		width:194px;
	}
	#interiorRightColumn #tanColumn ul {
		list-style-type:disc;
		margin-left:-10px;
	}
	#interiorRightColumn #tanColumn ul li {
		padding:2px 0px 2px 0px;
	}
	#interiorRightColumn #tanColumn p {
		margin-left:18px;
		text-align:left;		
		width:150px;
	}
	#interiorRightColumn #tanColumnFooter {
		background-image:url(/images/tanBoxFooter.gif);
		background-repeat:no-repeat;		
		height:12px;
		width:214px;
	}
	#interiorRightColumn #winkButton {		
		height:61px;
		margin:auto;
		width:184px;
	}
/** End Interior Right Column Styles **/

#footerOrganic {
	background-image:url(/images/footerOrganic.png);
	background-position:left top;	
	height:245px;
	width:174px;
}
	
/**** Start Index Page Search Box Styles ****/
#searchContainer, #interiorSearchContainer {
	bottom:10px;
	color:#FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
	position:absolute;
	width:250px;	
}
	#searchContainer {
		left:260px;
	}
	#interiorSearchContainer {
		left:800px;
	}
.textField, .textFieldInterior {
	background-color:#999999;
	border:none;	
	margin:0px 0px 0px 40px;
	text-align:left;
	width:150px;
}
.button {
	width:auto;
}
.searchText {
	left:0px;
	margin:0px;
	position:absolute;
	top:5px;
}

/** Start Styles for Appt. Request and Send a Wink Forms **/
#formContainer {
	color:#000000;
	font:12px Arial, Helvetica, sans-serif;	
	margin:25px 5px 0px 10px;
}
#formContainer label {
	float:left;	
	padding-top:5px;
	width:150px;
}
#formContainer label.ext {
	width:40px;
}
#formContainer input {
	float:left;
	width:300px;
}
#formContainer input.contact {
	margin:0px 45px 0px 0px;
	width:120px;
}
#formContainer input.ext {
	margin:0px 20px 0px 0px;
	width:90px;
}
#formContainer .submitButton {	
	margin-left:150px;
	width:100px;
}

/**** Begin Site Wide Header Styles ****/
h1 {
	color:#000000;
	font:24px Arial, Helvetica, sans-serif; 	
}
h2 {
	border-bottom:1px solid;
	border-color:#ff9933;
	color:#000000;
	font:16px Arial, Helvetica, sans-serif; 
	font-weight:bold;	
	padding:10px 0px 5px 0px;	
}
h3{
	color:#FFFFFF;
	font:18px Arial, Helvetica, sans-serif;	
	font-weight:normal;
	margin-bottom:0px;
	padding-left:5px;
}
h4 {
	color:#f89b22;
	font:42px Arial, Helvetica, sans-serif; 	
	font-weight:normal;
	margin:0px 0px 5px 0px;
}
h5 {
	color:#333333;
	font:12px Arial, Helvetica, sans-serif;	
	margin:5px 0px 5px 0px;
}
h6 a {	
	/** h6 includes the small button image **/
	background-image:url(/images/orangeButton.gif);
	background-repeat:no-repeat;
	color:#999999;
	display:block;
	font:10px Arial, Helvetica, sans-serif;
	height:12px;
	margin-top:15px;
	padding-left:15px;
	text-align:right; 
	text-decoration:underline;
	width:52px;
}
	h6 a:hover {
		background-image:url(/images/whiteButton.gif);
		color:#f89b22;
		text-decoration:underline;
	}