#wrapper {
	margin: 38px 0 0px 26px;
	position: relative;
	width: auto;
}
	#wrapper a,
	#sidebar a {
		color: #7493be;
	}

	#wrapper h1, h2 {
		clear: both;
		margin: 0;
		padding: 0;
	}
		#wrapper h1 img,
		#wrapper h2 img,
		#sidebar h1 img,
		#sidebar h2 img {
			border: 0;
			display: block;
		}

	#wrapper p,
	#sidebar p {
		margin-left: 0;
	}

	#sidebar ul {
		color: #7493be;
		list-style-type: disc;
		margin: 6px 0 6px 32px;
		padding: 0;
	}

/*
Eye Health Month options:
- Send Eye Exam Reminder to a Loved One
- Ask an Optometrist
- Find an Optometrist
*/
#wrapper ul.features {
	list-style-type: none;
	margin: 27px 0 0 -20px;
	padding: 0;
	position: relative;
	width: 690px;
}
	#wrapper ul.features li {
		display: inline;
		float: left;
	}
		#wrapper ul.features li a img {
			border: 0;
			display: block;
		}



#wrapper ul.features li#ftr-send a:hover {
 background-image: url(../_images/features/send_eye_exam_reminder_ro_en.gif);
 display: block;
 height: 224px;
 text-decoration: none;
 width: 236px;
}
#wrapper ul.features li#ftr-ask a:hover {
 background-image: url(../_images/features/ask_an_optometrist_ro_en.gif);
 display: block;
 height: 224px;
 text-decoration: none;
 width: 211px;
}
#wrapper ul.features li#ftr-find a:hover {
 background-image: url(../_images/features/find_an_optometrist_ro_en.gif);
 display: block;
 height: 224px;
 text-decoration: none;
 width: 243px;
}

/*
Privacy statement that is shown on the bottom of all reminder card
pages.
*/
p.privacyStatement {
	margin-top: 45px;
	text-align: center;
	clear:both;
}
	p.privacyStatement a {
		color: #7493be !important;
	}


/*
Complete the three steps for sending a reminder card.
Display the preview screen of the three steps above.
*/
#send-reminder-card,
#preview-reminder-card,
#confirm-reminder-card {
	margin-left: 13px;
	position: relative;
	width: 652px;
}
	#send-reminder-card ul.cards {
		list-style-type: none;
		margin: 0 0 -15px -22px;
		padding: 0;
		position: relative;
	}
		#send-reminder-card ul.cards li {
			display: inline;
			float: left;
			margin-left: 22px;
		}
			#send-reminder-card ul.cards li img {
				border: 0;
				display: block;
				margin: 20px 0 30px 0;
			}

	#send-reminder-card textarea {
		border: 1px solid #7493be;
		font-family: Arial, Helvetica, sans-serif;
		height: 72px;
		padding: 6px;
		width: 635px;
	}

	#send-reminder-card table.sendReminder {
		margin: 11px 0 0 -14px;
		position: relative;
	}
		#send-reminder-card table.sendReminder td {
			padding: 0 9px 9px 0;
		}
			#send-reminder-card table.sendReminder td input.text {
				border: 1px solid #7493be;
				width: 165px;
			}


/*
Display the results of the three steps for creating a reminder card.
*/
#preview-reminder-card #preview {
	margin-left: 66px;
	width: 507px;
}
	#preview-reminder-card #preview #preview-card {
		background-color: #e7e6d6;
		padding: 20px 19px 17px 26px;
		width: auto;
		zoom: 1;
	}
		#preview-reminder-card #preview #preview-card img {
			border: 0;
			display: block;
		}

	#preview-reminder-card #preview #preview-message {
		background: #e7e6d6 url(http://blog.opto.ca/_images/dotted_line_horizontal_white.gif) repeat-x left top;
		padding: 20px 19px 1px 26px;
		width: auto;
		zoom: 1;
	}
		#preview-reminder-card #preview #preview-message p {
			margin-bottom: 22px;
		}

	#preview-reminder-card p.footnote {
		font-size: 11px;
		line-height: 16px;
	}


/*
Reminder card has been sent, display confirmation message and a
graphical menu/feature list.
*/
#confirm-reminder-card p.confirm {
	background: transparent url(http://blog.opto.ca/_images/icons/checkmark.gif) no-repeat left center;
	padding-left: 30px;
	zoom: 1;
}
	#confirm-reminder-card ul.features {
		margin: 0 0 0 93px;
		width: auto;
	}
/*
Reminder card has FAILED to send, display error message
*/
#confirm-reminder-card p.confirmfail {
	background: transparent url(http://blog.opto.ca/_images/icons/cross.gif) no-repeat left center;
	padding-left: 30px;
	zoom: 1;
}

/*
Ask an Optometrist (Blog)
Navigation
*/
#wrapper ul.blogNavigation {
	background: #fff url(http://blog.opto.ca/_images/navigation/blog/normal_bg.gif) no-repeat left top;
	height: auto !important;
	height: 38px;
	list-style-type: none;
	margin: 0 0 22px 0;
	min-height: 38px;
	padding: 0;
	width: 100%;
}
	#wrapper ul.blogNavigation li {
		display: inline;
		float: left;
	}
		#wrapper ul.blogNavigation li a {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/normal_bg.gif) no-repeat right top;
			color: #313131;
			display: block;
			font-size: 12px;
			min-width: 10px;
			padding: 8px 15px 20px 15px;
			text-decoration: none !important;
			width: auto !important;
			width: 10px;
			white-space: nowrap;
			zoom: 1;
		}
		/*
		Active "lit" state.
		*/
		#wrapper ul.blogNavigation li.lit {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/active_bg_right.gif) no-repeat right top;
		}
		#wrapper ul.blogNavigation li.lit a {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/active_bg_left.gif) no-repeat left top;
		}
		/*
		Last item.
		*/
		#wrapper ul.blogNavigation li.last a {
			background-image: none;
		}
/*
Ask an Optometrist (Blog) FRENCH
Navigation
*/
#wrapper ul.blogNavigationfr {
	background: #fff url(http://blog.opto.ca/_images/navigation/blog/normal_bg.gif) no-repeat left top;
	height: auto !important;
	height: 38px;
	list-style-type: none;
	margin: 0 0 22px 0;
	min-height: 38px;
	padding: 0;
	width: 100%;
}
	#wrapper ul.blogNavigationfr li {
		display: inline;
		float: left;
	}
		#wrapper ul.blogNavigationfr li a {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/normal_bg.gif) no-repeat right top;
			color: #313131;
			display: block;
			font-size: 12px;
			min-width: 10px;
			padding: 8px 9px 20px 9px;
			text-decoration: none !important;
			width: auto !important;
			width: 10px;
			white-space: nowrap;
			zoom: 1;
		}
		/*
		Active "lit" state.
		*/
		#wrapper ul.blogNavigationfr li.lit {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/active_bg_right.gif) no-repeat right top;
		}
		#wrapper ul.blogNavigationfr li.lit a {
			background: transparent url(http://blog.opto.ca/_images/navigation/blog/active_bg_left.gif) no-repeat left top;
		}
		/*
		Last item.
		*/
		#wrapper ul.blogNavigationfr li.last a {
			background-image: none;
		}




/*
Ask an Optometrist - Blog post styles.
*/
div.blogPost {
	margin-bottom: 32px;
}
	/*
	Title of the blog post.
	*/
	div.blogPost h2.blogPostTitle {
		font-size: 13pt;
		margin: 0;
		padding: 0;
	}

	/*
	Sub-heading within a blog post.
	*/
	h3 {
		color: #7493be;
		font-size: 11pt;
		margin: 0;
		padding: 0;
	}

	/*
	Date and autor of the blog post.
	*/
	div.blogPost p.blogPostDate {
		margin-top: 0;
		padding-top: 0;
	}

	/*
	Category, permalink and comments for the blog post.
	*/
	div.blogPost div.blogPostStats {
		background: transparent url(http://blog.opto.ca/_images/dotted_line_horizontal_blue.gif) repeat-x left top;
		font-size: 10pt;
		margin: 14px 0 21px 0;
		padding-top: 9px;
	}
		div.blogPost div.blogPostStats a.comments {
			background: transparent url(http://blog.opto.ca/_images/icons/comments.gif) no-repeat 100% 3px;
			padding-right: 24px;
		}

	/*
	Social bookmarks for the blog post.
	*/
	div.blogPost div.blogPostSocial {
		background: transparent url(http://blog.opto.ca/_images/dotted_line_horizontal_blue.gif) repeat-x left bottom;
		font-size: 10pt;
		padding-bottom: 19px;
	}
		div.blogPost div.blogPostSocial a.digg {
			background: transparent url(http://blog.opto.ca/_images/icons/digg.gif) no-repeat left top;
			padding-left: 21px;
		}
		div.blogPost div.blogPostSocial a.newsvine {
			background: transparent url(http://blog.opto.ca/_images/icons/newsvine.gif) no-repeat left top;
			padding-left: 16px;
		}
		div.blogPost div.blogPostSocial a.stumbleupon {
			background: transparent url(http://blog.opto.ca/_images/icons/stumbleupon.gif) no-repeat left top;
			padding-left: 19px;
		}
		div.blogPost div.blogPostSocial a.delicious {
			background: transparent url(http://blog.opto.ca/_images/icons/delicious.gif) no-repeat left top;
			padding-left: 17px;
		}


/*
Clear floats so content beneath will flow
normally. This class must be attached to any
parent that has a floated child.
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

img.left{
border: 1px solid #7493BE;
}

#wrapper a:hover,
#sidebar a:hover {
 text-decoration: none;
}