#wrapper { margin: 0 auto; padding-top: 20px; width: 960px; background-color: #fff; border: 1px solid #ddd; }

#header, #menu { margin: 0 20px; width: 920px; }

#header { position: relative; margin-bottom: 20px; }
#header p { padding: 10px 0 0; font: 1.2em Georgia, Times, serif; color: #8fac4f; }
	#header #guide-button { position: absolute; top: 0; right: 0; }

#menu { overflow: hidden; background-color: #8fac4f; }
#menu li { display: inline; }
	#menu li.home a { width: 134px; }			
	#menu a { display: block; float: left; width: 131px; padding: 6px 0; font-size: 12px; font-weight: normal; text-align: center; color: #fff; }
	#menu a:hover, #menu .active a {color: #6a803b; background-color: #c7e18c; text-decoration: none; }
	
#content-wrapper { margin: 0 40px; padding: 25px 0; width: 880px; overflow: hidden; color: #696969; background: url("../images/faux_column_line.png") 650px top repeat-y #fff; }
	#content-wrapper.sidebar-on-left { background: url("../images/faux_column_line.png") 235px top repeat-y #fff !important; }
	#content-wrapper.sidebar-on-left #content { float: right; }
	#content-wrapper.sidebar-on-left #sidebar { float: left; }

#content { float: left; width: 620px; }
	#content h2 { margin-bottom: 10px; font: normal 2.6em Tahoma, Helvetica, Arial, sans-serif; }
	#content p { margin-bottom: 10px; font-size: 1.2em;	 line-height: 1.4em; }
	#content h3.brand { font-size: 1.2em; font-weight: normal; }
	#content .error, #content .message { margin-bottom: 20px; padding: 10px; background-color: #ffd; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#content .error { color: #f00; }
	#content .message { color: green; }
	
	/***** content area styles *****/
	#content-body { margin-bottom: 20px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; }
	#content-body h3 { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
	#content-body h4 { font-size: 1.1em; font-weight: bold;  }
	#content-body span.underline { text-decoration: underline; }
	#content-body strong { font-weight: bold; }
	#content-body em { font-style: italic; }
	
	#content-body p.float-left, #content-body p.float-right { width: 220px; }
	#content-body p { font-size: 1.2em; }
	
	#content-body .post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ddd; } 
	#content-body .post ul { margin-left:  }
	#content-body .post ol, #content-body .post ul { margin: 0 0 20px 20px !important; padding: 0; font-size: 1.2em; }
	#content-body .post ul { list-style: disc; }
	#content-body .post ol { list-style: decimal; }
	#content-body .post ul.no-bullets { list-style: none; margin-left: 0 !important; line-height: normal; margin-bottom: 20px; }
	#content-body .post ul.no-bullets li { margin-bottom: 5px; }
		#content-body .post ol li { margin-bottom: 15px; }
	#content-body .post ol p, #content-body .post ol h3 { margin: 0; padding: 0; font-size: 1.0em; }
	
	#content-body p, #content-body div, #content-body ul, #content-body ol { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; line-height: 1.5em; color: #696969; }
	#content-body p.lead-in { font-size: 1.4em; line-height: 1.4em; }
	#content-body p.ender { font-size: 1.1em !important; font-style: italic; }
	
	#content-body .float-right { float: right; padding-left: 20px; }
	#content-body .float-left { float: left; padding-right: 20px; }
	#content-body .line-through { text-decoration: line-through !important; border-bottom: 1px solid #f00; }
	#content-body blockquote { width: 300px !important; font: normal italic 18px/22px Georgia, Times, serif; text-indent: -6px; margin: 0; padding: 10px 20px; color: #69c; }
	
	/***** end of content area styles *****/
	
#categories-4-cols { display: table; margin-bottom: 20px; padding-bottom: 20px; width: 100%; font-size: 1.15em; border-bottom: 1px solid #ddd; overflow: hidden; }
	#categories-4-cols ul { display: table-cell; margin-right: 8px; }
	#categories-4-cols li { margin-bottom: 5px; }

#categories-list { font-size: 1.1em; }
	#categories-list li { margin-bottom: 5px; }
	
ul#features, ul#links { position: relative; list-style: none; margin: 0 0 20px !important; padding: 20px 0 20px !important; width: 100%; overflow: hidden; }	
	ul#features li, ul#links li { float: left; text-align: left; }
	
	ul#features { display: block; }
	ul#features li { width: 206px; line-height: 16px; }
		ul#features p { margin: 0 0 10px; padding: 0; }
		ul#features p a { font-size: 11px; }
		ul#features li a.more { position: absolute; bottom: 0; right: 20px; display: block; width: 100%; margin-top: 20px; text-align: right; }
		ul#features li span.image { display: block; margin-bottom: 10px; }
		ul#features li div { position: relative; min-height: 320px; height: auto; padding: 0 20px; border-left: 1px solid #eee; }
		ul#features li.first { width: 208px; }
		ul#features li.first div { padding-left: 0; border: 0; }

	ul#features h2 { margin-bottom: 10px; padding-bottom: 5px; color: #8fac4f; font: normal 19px Tahoma, sans-serif; background: url("../images/dotted_green.png") left bottom repeat-x; }
	ul#features h3 { margin: 0; padding: 0; }
	ul#features img { width: 100%; border: 1px solid #ccc; }
	
	ul#links { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; }
	ul#links li { width: 25%; }
	ul#links ul { margin: 0 10px 0 0; padding: 0; display: block; }
		ul#links li li { display: block; margin-bottom: 7px; width: 100%; font-size: 11px; line-height: 14px; }
		
#breadcrumbs { margin-bottom: 15px; }

#sub-categories-list { border: 0; font-size: 1.2em; }

#toty { margin: 20px auto 30px; width: 400px; text-align: center; border: 1px solid #ddd; }
	#toty div { margin: 10px auto 20px; width: 340px; overflow: hidden; }
	#toty h3 { position: relative; margin: -18px auto 0; padding: 10px; width: 240px; font-size: 1.8em; background-color: #fff; }
	#toty h4 { margin-top: 20px; width: 195px; font-size: 1.6em; line-height: 1.2em; text-align: center; display: table-cell; }
		#toty h4 a { display: block; margin-bottom: 5px; }
	#toty img { }
	
#toy-list { display: table; width: 100%; overflow: hidden; text-align: center; }
	#toy-list li { display: table-cell; padding: 0 10px; width: 25%; font-size: 1.2em; text-align: center; }
	#toy-list li.tr { display: table-row; height: 20px; }
			#toy-list a span { display: block; }
		#toy-list img { border: 1px solid #ddd; }
		#toy-list a:hover img { border: 1px solid #6bbecc; }
		
#toy { width: 100%; overflow: hidden; }
	#toy img { float: left; margin-bottom: 20px; border: 1px solid #ddd; }
	#toy div { float: right; margin-bottom: 20px; width: 400px; overflow: hidden; }
	#toy h3.additional { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; clear: both; }
	#toy ul.additional-thumbs { width: 100%; overflow: hidden; }
		#toy ul.additional-thumbs li { float: left; margin-right: 20px; }

#sidebar { float: right; width: 210px; text-align: center; }
	#sidebar a.guide-link { display: block; margin-bottom: 20px; }
	#sidebar ul { text-align: left; }
	#sidebar .toy-guide-header, #sidebar .baby-guide-header { padding: 0 0 15px 60px; margin-bottom: 10px; font: 1.8em Arial, Helvetica, sans-serif; border-bottom: 1px solid #ddd; }
	#sidebar .toy-guide-header { background: url("../images/toy_header.jpg") 25px top no-repeat #fff; }
	#sidebar .baby-guide-header { background: url("../images/baby_header.jpg") 25px top no-repeat #fff; }	
	
#social { margin: 20px 10px; padding: 20px 0; text-align: left; border-top: 1px solid #ddd; }
	#social h3 { margin-bottom: 5px; font-size: 1.2em; font-weight: bold; }
	#social ul { width: 100%; overflow: hidden; }
	#social li.right { float: right; }	
	#social li { float: left; margin: 0; padding: 0; text-align: left; width: 49.9%; }
	#social li a { display: block; margin: 0; padding: 0; width: 100%; overflow: hidden; line-height: 30px; }
		#social li img { float: left; margin-right: 8px; }
		
#footer { height: 100px; text-align: center; text-transform: uppercase; background-color: #52a5b3; border-top: 10px solid #8fac4f; border-bottom: 5px solid #8fac4f; color: #fff; }
	#footer p { padding: 30px 0 20px; }
	#footer a { color: #ffc; }
	
form { }
	form.centered { margin: 0 auto; width: 360px; }	
	form legend { padding-bottom: 10px; font-size: 1.2em; font-weight: bold; }
	form fieldset { margin-bottom: 20px; }
	form label { margin-right: 10px; width: 120px; font-size: 1.2em; }
		form li { margin-bottom: 5px; width: 100%; overflow: hidden; }
		form li label, form li input, form li span.note { float: left; font-size: 1.2em; }
		form li label { text-align: right; line-height: 1.8em; }
			form li label em { font-style: italic; font-size: 0.9em; }
		form li span.note { margin-left: 5px; font-size: 1.1em; line-height: 2.2em; }
	form input, form textarea { width: 220px; }
		form input.short { width: 60px; }
		form input.medium { width: 120px; }
	
	form.centered fieldset.buttons { text-align: center; }
	fieldset.buttons input { width: auto; }
	
	#contact-form label[for="message"] { display: block; }
	#contact-form textarea { width: 355px; height: 100px; }
		
		
.bright-green { color: #8fac4f; }
.small { font-size: 11px !important; line-height: 15px; }
.clear-both { clear: both; }
.hang-left { float: left; }
.hang-right { float: right; }		
.no-border { border: 0 !important; }
.subdue { color: #aaa; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.width-auto { width: auto; }
