#content {
	width: 950px;
	margin: 15px auto;
}
.round_button {
	background: url(../img/btn/round_button.png) left top no-repeat;
	height: 20px;
	line-height: 19px;
	float: left;
	cursor: pointer;
	color: #666;
	font-size: 1.1em;
	text-decoration: none;
	padding-left: 10px;
}
	.round_button span {
		background: url(../img/btn/round_button.png) right top no-repeat;
		line-height: 19px;
		padding-right: 24px;
		float: left;
		height: 20px;
	}
	.round_button:hover {
		color: #fc8800;
	}
#slideshow {
	float: left;
	width: 681px;
	height: 242px;
	position: relative;
	margin-bottom: 23px;
}
	#slideshow .slide {
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	#slideshow .controls {
		position: absolute;
		bottom: 11px;
		left: 21px;
	}
		#slideshow .controls ul {
			height: 17px;
		}
			#slideshow .controls li {
				float: left;
				background: url(../img/home/slider_controls.png) no-repeat;
				_background: url(../img/home/slider_controls.8bit.png) no-repeat;
				width: 15px;
				height: 17px;
				background-position: 0 0;
				text-indent: -9000px;
				cursor: pointer;
				list-style: none;
				margin-right: 2px;
			}
			#slideshow .controls li:hover {
				background-position: 0 -20px;
			}
			#slideshow .controls li.active {
				background-position: 0 -38px;
				position: relative;
				top: -2px;
				left: 0;
			}
				#slideshow .controls a {
				
				}
	#slideshow .mask {
	
	}
		#slideshow .mask div {
			width: 7px;
			height: 242px;
			background: url(../img/home/slider_mask.png) no-repeat;
			_background: url(../img/home/slider_mask.8bit.png) no-repeat;
			position: absolute;
			top: -1px;
		}
		#slideshow .mask .left {
			left: 0;
			background-position: 0 0;
		}
		#slideshow .mask .right {
			right: 0;
			background-position: right 0;
		}
		
	#slide_printing {
	
	}
		#slide_printing .inner {
		}
			#slide_printing .buttons {
				position: absolute;
				top: 208px;
				left: 271px;
			}
				#slide_printing .buttons a {
					float: left;
					text-indent: -9000px;
					height: 20px;
					margin-right: 10px;
				}
				#slide_printing .business {
					width: 174px;
					background: url(../img/home/slideshow/btn_shop_business_envelopes.png) no-repeat;
				}
				#slide_printing .invitation {
					width: 177px;
					background: url(../img/home/slideshow/btn_shop_invitation_envelopes.png) no-repeat;
				}
				
#learn_more_popup {
	background: #fff;
	position: absolute;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	width: 340px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	top: 180px !important;
	left: 320px !important;
}
	#learn_more_popup .wrapper {
		position: relative;
		padding: 14px 20px 10px;
	}
	#learn_more_popup p {
		font-size: 11px;
		margin-bottom: 8px;
	}
		#learn_more_popup p a {
			background: url(../img/home/learn_more_arrow.png) right 4px no-repeat;
			padding-right: 12px;
		}
	#learn_more_popup .close {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 16px;
		height: 16px;
		background: url(../img/home/learn_more_close.png) no-repeat;
		text-indent: -9000px;
		cursor: pointer;
	}

#how_it_works_tout {
	float: right;
	cursor: pointer;
	height: 242px;
	margin-bottom: 22px;
}
#browse {
	clear: both;
	float: left;
	margin-bottom: 24px;
}
	#tabs {
		height: 348px;
		width: 680px;
		position: relative;
		margin-bottom: 12px;
		_margin-left: -8px;
	}
		#tabs ul.togglers {
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			_left: 8px;
		}
			#tabs ul.togglers li {
				float: left;
				height: 33px;
				list-style: none;
			}
				#tabs ul.togglers li div {
					background: url(../img/home/tabs.png) no-repeat;
					background-position: right -91px;
					float: left;
					line-height: 33px;
					height: 33px;
					color: #004059;
					font-size: 1.3em;
					font-weight: bold;
					text-decoration: none;
					padding: 0 20px;
					cursor: pointer;
				}
				#tabs ul.togglers li div:hover {
					color: #0a86e5;
				}
			#tabs ul.togglers li#tab_cardstock {
			
			}
				#tabs ul.togglers li#tab_cardstock div {
					background-position: right -48px;
				}
			#tabs ul.togglers li#tab_envelopes {
				background: url(../img/home/tabs.png) left -48px no-repeat;
				padding-left: 4px;
			}
				#tabs ul.togglers li#tab_envelopes div {
					padding-left: 16px;
				}
			#tabs ul.togglers li.active {
				height: 38px;
				background: url(../img/home/tabs.png) left 0 no-repeat !important;
				padding-left: 4px;
				position: relative;
				top: -4px;
				margin-left: -2px;
				margin-right: -2px;
				_height: 33px;
			}
				#tabs ul.togglers li.active div {
					background-position: right 0 !important;
					padding-left: 18px;
					padding-right: 22px;
					height: 38px;
					line-height: 42px;
					color: #0a86e5;
					_height: 38px;
					_overflow: hidden;
				}
			#tabs ul.togglers li#tab_envelopes.active {
				position: relative;
				left: 2px;
				margin-right: 0;
			}
				#tabs ul.togglers li#tab_envelopes.active div {
					padding-left: 16px;
				}
		#tabs .tab {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 672px;
			height: 307px;
			background: url(../img/home/tabs.png) bottom no-repeat;
			z-index: 5;
			display: none;
			padding-top: 8px;
			padding-left: 8px;
			_width: 672px;
			_padding-left: 16px;
		}
			#tabs .tab.active {
				display: block;
			}
			#tabs .box {
				width: 216px;
				float: left;
				background: url(../img/home/tab_box.png) bottom left no-repeat;
				margin: 0 8px 0 0;
				height: 299px;
				_overflow: hidden;
			}
				#tabs .box .header {
					height: 34px;
					line-height: 34px;
					background: url(../img/home/tab_box.png) top left no-repeat;
					padding: 0 10px 0 15px;
					margin-bottom: 10px;
				}
					#tabs .box .header strong {
						color: #666;
						font-weight: bold;
						font-size: 1.1em;
						float: left;
					}
						#tabs .box .header strong a {
							color: #666;
							text-decoration: none;
						}
					#tabs .box .header a.all,
					#shop .header a.all {
						color: #888;
						font-size: 1em;
						float: right;
						text-decoration: none;
					}
					#tabs .box .header a:hover,
					#shop .header a:hover {
						color: #333;
						text-decoration: underline;
					}
				#tabs .box.wide {
					width: 440px;
					background-position: bottom right;
				}
					#tabs .box.white.wide .header {
						background-position: right -34px;
						margin-bottom: 10px;
						_background-position: right -34px !important;
						_margin-bottom: 5px !important;
					}
						#tabs .box.white.wide .header strong {
							color: #0a86e5;
							font-size: 1.3em;
						}
							#tabs .box.white.wide .header strong a {
								color: #0a86e5;
								text-decoration: none;
							}
				#tabs .box.white {

				}
					#tabs .box.white .header {
						background-position: left -34px;
						padding-top: 9px;
						height: auto;
						line-height: 1.3;
						margin-bottom: 15px;
					}
						#tabs .box.white .header strong {
							color: #0a86e5;
							font-size: 1.3em;
							float: none;
						}
							#tabs .box.white .header strong a {
								color: #0a86e5;
								text-decoration: none;
							}
							#tabs .box.white .header strong a:hover {
								text-decoration: underline;
							}
				#tabs .box.short {
					height: 146px;
					margin-bottom: 7px;
				}
				
				.box .item {
					clear: both;
					overflow: auto;
					_zoom: 1;
					margin: 0 0 12px 0;
				}
					.box .item .image {
						float: left;
						width: 85px;
						height: 50px;
					}
						.box .item .image img {
							display: block;
							margin: auto;
						}
					.box .item .details {
						float: left;
						width: 130px;
					}
					.box .item a.title,
					#by_style .pop strong a,
					.box .item div.title {
						float: left;
						width: 130px;
						color: #0657ad;
						font-size: 1.1em;
						padding-top: 0;
						line-height: 1.3;
						margin-top: 15px;
						font-weight: normal;
					}
						.box .item a.title:hover,
						#by_style .pop strong a:hover {
							text-decoration: underline;
							color: #009edb;
						}
					.box .item div.title {
						color: #666;
					}
					.box .item p.coming_soon {
						color: #fc8800;
						text-transform: uppercase;
						font-size: 10px;
						margin: 0;
					}
				.box div.item.coming_soon {

				}
					.box div.item.coming_soon a.title {
						margin-top: 8px;
					}
				.popular .item {
				}
					.popular .item a.title {
						margin-top: 5px;
					}
					.popular .item p.subtitle {
						width: 130px;
						float: left;
						color: #0a86e5;
						font-size: 10px;
						margin: 0;
					}
				.box#custom_stationery {
					position: relative;
				}
					#custom_stationery .create {
						padding-left: 15px;	
						height: 103px;
						_clear: both;
					}
						#custom_stationery img.custom {
							position: absolute;
							top: 24px;
							left: 26px;
							z-index: 1;
							
						}
						#custom_stationery .create p {
							position: relative;
							z-index: 2;
						}
					#custom_stationery .options {
						padding-left: 15px;
						clear: both;
					}
						#custom_stationery .options strong {
							color: #333;
							font-size: 1.1em;
							font-weight: bold;
							display: block;
							line-height: 1.3;
						}
						#custom_stationery .options img {
							float: left;
							margin-right: 24px;
						}
						#custom_stationery .options a.shop_now {
							text-decoration: none;
							margin: 80px 0 0 -15px;
						}
				.box .service {
					height: 63px;
					margin-bottom: 12px;
					padding-left: 12px;
				}
					.box .service img {
						float: left;
						margin-right: 12px;
					}
					.box .service p {
						margin: 7px 0 0 0;
						float: left;
						width: 120px;
						font-size: 1.1em;
						line-height: 1.4;
					}
					.box .service .shop_now {
						margin-top: 10px;
					}
				#tab_cardstock .box .header {
					margin-bottom: 10px;
				}
				#tab_cardstock .box .service {
				
				}
					#tab_cardstock .box .service img {
						margin-right: 8px;
					}
					#tab_cardstock .box .service p {
						width: 100px;
					}
	#tasks {
	
	}
	#accordion {
	
	}
#shop {
	float: right;
	width: 267px;
	background: url(../img/home/shop_bg.png) repeat-y;
	margin: -5px -5px 0 0;
}
	#shop .bottom {
		background: url(../img/home/shop_headers.png) 0 -83px no-repeat;
		height: 16px;
		margin-top: -9px;
		*margin-top: -20px;
	}
	#shop .box {
		margin-bottom: 15px;
		clear: both;
	}
		#shop .header {
			background: url(../img/home/shop_headers.png) no-repeat;
			background-position: 0 -47px;
			height: 36px;
			margin-bottom: 8px;
			line-height: 34px;
			padding: 0 15px 0 18px;
		}
			#shop .header strong {
				color: #054578;
				font-size: 1.2em;
				font-weight: bold;
				*float: left;
			}
				#shop .header strong a {
					text-decoration: none;
					color: #054578;
				}
				#shop .header strong a:hover {
					color: #054578;
				}
		#shop .body {
			width: 256px;
			margin: auto;
		}
		
	#shop #by_color {
		margin-bottom: 0;
		height: 271px;
	}
		#by_color .header {
			height: 47px;
			background-position: 0 0;
			line-height: 49px;
			margin-bottom: 15px;
			_overflow: hidden;
		}
		#by_color .body {
			height: auto;	
		}
		#shop #color_list {
			width: 234px;
			margin: auto;
			height: 194px;
			overflow-y: scroll;
			overflow-x: hidden;
		}
			#shop #color_list .color {
				font-size: 1em;
				font-weight: bold;
				margin-bottom: 4px;
				border: 1px solid #e6e6e6;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				background: #fff;
				padding: 2px;
				margin-right: 10px;
			}
				#shop #color_list a {
					color: #fff;
					text-decoration: none;
					line-height: 23px;
					display: block;
					padding-left: 6px;
					text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
				}
				#shop #color_list a:hover {
					text-decoration: underline;
				}
				
				#shop #color_list a.Airmail,
				#shop #color_list a.Clear,
				#shop #color_list a.Ivory,
				#shop #color_list a.Natural,
				#shop #color_list a.White,
				#shop #color_list a.Yellow {
					color: #555;
					text-shadow: none;
				}
				
			#shop .item {
				margin: 0 0 6px;
			}
				#shop .item a.image {
					width: 55px;	
				}
				#shop .item a.title {
					width: 190px;
					margin: 5px 0 0 0;
				}
	#shop #by_size {

	}
		#by_size  .body {
			
		}
		#by_size .item {
			
		}
		#by_size .more {
			padding: 8px 0 0 18px;
		}
			#by_size .more strong {
				color: #666;
				font-weight: bold;
				margin-bottom: 8px;
				font-size: 1.1em;
				display: block;
			}
			#by_size .more ul {
				margin-bottom: 8px;
			}
				#by_size .more li {
					font-size: 1.1em;
					color: #888;
					list-style: none;
					margin-bottom: 2px;
				}
					#by_size .more a {
						color: #0657ad;
						text-decoration: underline;
					}
			#by_size .more a.all {
				font-size: 1.1em;
				text-decoration: none;
			}
			#by_size .more a:hover {
				color: #009edb;
				text-decoration: underline;
			}
		#popular_down {
			position: static !important;
		}
			#popular_down .close {
				display: none;
			}

	#shop #by_style {
		
	}	#by_style .body {
			position: relative;
		}
			#by_style .item {
				height: 26px;
				overflow: hidden;
			}
				#by_style .item a.title {
					display: inline;
					float: none;
					margin: 0;
					line-height: 26px;
					padding: 0 20px 5px 0;
				}
				#by_style .item a.title:hover {
					background: url(../img/home/blue_toggle.png) right 2px no-repeat;
				}
				#by_style .pop {
					position: absolute;
					border: 1px solid #e1e1e1;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					-moz-box-shadow: 0 0 4px rgba(57, 57, 57, 0.2);
					-webkit-box-shadow: 0 0 4px rgba(57, 57, 57, 0.2);
					box-shadow: 0 0 4px rgba(57, 57, 57, 0.2);
					background: #fff url(../img/home/mini_pop.png) top repeat-x;
					left: 44px !important;
					_left: 47px !important;
				}
					#by_style .pop .inner {
						padding: 6px 10px;
						position: relative;
					}
					#by_style .pop strong {
						display: block;
						height: 22px;
					}
						#by_style .pop strong a {
							margin-top: 0;
							line-height: 12px;
							padding-bottom: 7px;
							width: auto;
							*line-height: normal;
						}
					#by_style .pop .close {
						position: absolute;
						top: 8px;
						right: 8px;
						width: 13px;
						height: 12px;
						background: url(../img/home/blue_toggle.png) bottom left no-repeat;
						cursor: pointer;
						text-indent: -9000px;
					}
					#by_style .pop ul {
						clear: both;
					}
						#by_style .pop li {
							list-style: none;
							border-top: 1px solid #d7d7d7;
							padding-left: 2px;
							height: 24px;
							padding-top: 6px;
							font-size: 1.1em;
						}
							#by_style .pop li img {
								float: left;
							}
							#by_style .pop li a {
								line-height: 18px;
								float: left;
							}
							#by_style .pop li span {
								width: 37px;
								height: 22px;
								float: left;
							}
					#style_business_pop {
						top: 0 !important;
						width: 158px;
					}
					#style_social_pop {
						top: 32px !important;
						width: 158px;
					}
					#style_shipping_pop {
						top: 64px !important;
						width: 175px;
					}
					#style_paper_pop {
						top: 96px !important;
						width: 186px;
					}
		
#bottom_modules {
	*position: relative;
	*z-index: 10;
}

#tasks {
	width: 680px;
	background: url(../img/home/task_box_grad_bottom.png) bottom left no-repeat;
	position: relative;
	min-height: 96px;
	margin-bottom: 12px;
	*z-index: 5;
}
	#tasks #task_loader {
		position: absolute;
		width: 16px;
		height: 16px;
		top: 15px;
		right: 71px;
		text-indent: -9000px;
		background: url(../img/home/ajax_loader_sm.gif) no-repeat;
		display: none;
	}
	#tasks .more {
		position: absolute;
		top: 17px;
		right: 25px;
		color: #999;
		font-size: 1em;
		_right: 34px;
	}
		#task_menu_trigger span,
		#task_menu .top span {
			cursor: pointer;
			background: url(../img/home/toggle_down.png) no-repeat;
			background-position: right 5px;
			padding-right: 11px;
			line-height: 1;
		}
		#task_menu_trigger:hover {
			text-decoration: underline;
		}
		#task_menu {
			width: 119px;
			background: url(../img/home/task_menu.png) top no-repeat;
			_background: url(../img/home/task_menu.8bit.png) top no-repeat;
			position: absolute;
			top: -9px !important;
			right: -10px !important;
			left: auto !important;
			
		}
			#task_menu .top {
				float: right;
				padding: 9px 10px 0 0;
				line-height: 1;
				margin-bottom: 13px;
			}
				#task_menu .top span {
					background-position: right -16px;
					color: #0a86e5;
				}
				#task_menu .top span:hover {
					text-decoration: underline;
				}
			#task_menu .btm {
				height: 7px;
				background: url(../img/home/task_menu.png) bottom no-repeat;
				margin-bottom: -7px;
				clear: both;
				_background: url(../img/home/task_menu_bottom.8bit.png) no-repeat;
				_height: 11px;
			}
			#task_menu ul {
				padding: 0 0 3px 13px;
				clear: both;
			}
				#task_menu li {
					list-style: none;
					overflow: auto;
				}
					#task_menu li a {
						text-decoration: none;
						padding: 2px 0 2px;
						float: left;
						clear: both;
					}
					#task_menu li a:hover {
						color: #009edb;
						text-decoration: underline;
					}
	#tasks div.header {
		background: url(../img/home/task_box_grad_bottom.png) top left no-repeat;
		color: #0a86e5;
		font-size: 1.3em;
		font-weight: bold;
		font-style: italic;
		height: 42px;
		line-height: 42px;
		padding-left: 20px;
	}
		#task_tabs {
			padding-bottom: 10px;
		}
			#task_tabs .togglers {
				margin-left: 20px;
			}
				#task_tabs .togglers li {
					float: left;
					background: url(../img/home/task.png) left 0 no-repeat;
					height: 41px;
					padding-left: 0;
					margin-right: 18px;
					list-style: none;
					line-height: 39px;
					font-size: 1.1em;
				}
					#task_tabs .togglers li a {
						background: url(../img/home/task.png) right 0 no-repeat;
						display: block;
						height: 41px;
						color: #0657ad;
						text-decoration: underline;
						padding: 0 23px 0 18px;
						position: relative;
						left: 4px;
						_float: left;
					}
						#task_tabs .togglers li a span {
							background: url(../img/home/graphics/task_icons.png) no-repeat;
							display: block;
							height: 41px;
							padding-left: 35px;
							_float: left;
							cursor: pointer;
						}
						#task_tabs .togglers li.invitations a span {
							background-position: 0 12px;
						}
						#task_tabs .togglers li.rsvp a span {
							background-position: 0 -39px;
						}
						#task_tabs .togglers li.fundraising a span {
							background-position: 0 -90px;
							padding-left: 29px;
						}
						#task_tabs .togglers li.statements a span {
							background-position: 0 -138px;
						}
				#task_tabs .togglers li:hover {
					background-position: left -41px;
				}
					#task_tabs .togglers li:hover a {
						background-position: right -41px;
					}
				#task_tabs .togglers li.active {
					background-position: left bottom;
				}
					#task_tabs .togglers li.active a {
						background-position: right bottom;
					}
			#task_tabs .tab,
			#tab_extra {
				clear: both;
				display: none;
				width: 636px;
				padding: 18px 12px 14px;
				background: #fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				margin: auto;
			}

			#task_tabs .tab.active,
			#task_tabs #tab_extra.active {
				display: block;
				padding-bottom: 0;
				overflow: auto;
			}
				#task_tabs .tab strong.header,
				#tab_extra strong.header {
					color: #666;
					font-size: 1.3em;
					display: block;
					margin-bottom: 12px;
					padding-left: 16px;
				}
					#task_tabs .tab strong.header a,
					#tab_extra strong.header a {
						color: #666;
						text-decoration: none;
					}
				.itemList {
					width: 100%;
					margin: 0 0 10px 0;
				}
				.itemList .sort {
					height: 25px;
					margin: 0 0 8px 0;
					padding: 0 0 0 17px;
					background: #f0f0f0;
					overflow: hidden;
					line-height: 23px;
				}
				.itemList .sort div {
					font-size: 1.1em;
					font-weight: bold;
					color: #666;
					padding: 0 11px 0 0;
					text-decoration: none;
					float: left;
				}
				.itemList .sort div.name {
					margin: 0 211px 0 0;
				}
				.itemList .sort div.size {
					margin: 0 102px 0 0;
				}
				.itemList .sort div.color {
					margin: 0 23px 0 0;
				}
				.itemList .sort div.price {
					margin: 0 0 0 0;
				}
				.itemList .sort div.asc {
					background: url(../img/icon/sorting.asc.gif) no-repeat right 4px;
				}
				.itemList .sort div.desc {
					background: url(../img/icon/sorting.desc.gif) no-repeat right 4px;
				}
				.itemList .sort a:hover, .itemList .sort a.active {
					color: #0f8aeb;
					background-position: right -9px;
				}
				.itemList .item {
					margin: 0 0 7px 0;
					position: relative;
					cursor: pointer;
					border: 1px solid #e5e5e5;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border-radius: 4px;
				}
				.itemList .item .content {
					width: 100%;
					padding: 10px 0 12px;
					background: url(../img/rc/bColBrowse/bg.item.gif) repeat-y -1px 0;
				}
				.itemList .item.active .content {
					background: url(../img/rc/bColBrowse/bg.item.active.gif) repeat-y -1px 0;
				}
				.itemList .item.active a {
					color: #F67A00;
					text-decoration: none;
				}
				.itemList .item .thumb {
					width: 89px;
					float: left;
					position: relative;
				}
				.itemList .item .thumb img {
					margin: 0 auto;
				}
				.itemList .item .name {
					width: 190px;
					padding: 3px 20px 3px 10px;
					color: #0657ad;
					font-size: 1.2em;
					font-weight: bold;
					line-height: 1.3em;
					float: left;
				}
				.itemList .item .size {
					width: 142px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #0494e4;
					float: left;
				}
				.itemList .item .color {
					width: 85px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #666;
					float: left;
				}
				.itemList .item .price {
					width: 135px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #666;
					float: left;
				}
				.itemList .item .price span {
					color: #ff7200;
				}
				.itemList .item .popular {
					width: 19px;
					height: 20px;
					background: url(../img/icon/star.popular.png);
					_background: url(../img/icon/star.popular.gif);
					position: absolute;
					overflow: hidden;
					text-indent: -999px;
					top: -4px;
					left: -3px;
				}
					
			
			
			
#accordion {
	width: 680px;
	height: 88px;
	overflow: hidden;
	background: url(../img/home/slider.png) right top no-repeat;
	*position: relative;
	*z-index: 1;
	*background: none;
}
	#accordion .inner {
		height: 88px;
		*background: url(../img/home/slider.png) right top no-repeat;
	}
	#accordion .slide {
		width: 25%;
		float: left;
		height: 88px;
		cursor: pointer;
	}
	#accordion .slide.active {
		width: 50%;
		background: url(../img/home/slider.png) bottom no-repeat;
	}
		#accordion .slide .inner {
			border-right: 1px solid #fcfcfc;
			border-left: 1px solid #eee;
			height: 86px;
			margin-top: 1px;
			position: relative;
			z-index: 0;
			*background: none;
		}
		#accordion .slide .image {
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			_margin-left: 5px;
		}
		#accordion .slide .content {
			width: 95px;
			margin-top: 25px;
			position: absolute;
			left: 70px;
		}
			#accordion .slide .header {
				font-size: 1.4em;
				color: #27578b;
			}
			#accordion .slide:hover .header {
				color: #0a86e5;
			}
			#accordion .slide.active:hover .header {
				color: #27578b;
			}
	#accordion #slide_1 {
		background: url(../img/home/slider.png) 0 0 no-repeat;
	}
		#slide_1 .image {
			margin-top: 20px;
		}
	#accordion #slide_1.active {
		background: url(../img/home/slider.png) bottom left no-repeat;
	}
		#accordion #slide_1 .inner {
			border-left: none;
		}
		#accordion #slide_1 .content {
		
		}
	#accordion #slide_2 {
	
	}
		#slide_2 .image {
			margin-top: 17px;
		}
		#accordion #slide_2 .content {
			left: 80px;
		}
	#accordion #slide_3 {

	}
		#slide_3 .image {
			margin-top: 26px;
		}
		#accordion #slide_3 .content {
			left: 80px;
		}
	#accordion #slide_3.active {
		background: url(../img/home/slider.png) bottom right no-repeat;
	}
		#accordion #slide_3 .inner {
			border-right: none;
		}
	#accordion .slide .body {
		display: none;
	}
		
	#accordion .slide.active {
	
	}
		#accordion .slide.active .header {
			display: none;
		}
		#accordion .slide.active .content {
			width: 230px;
			margin-top: 12px;
		}
			#accordion .slide.active .body {
				display: block;
				width: 250px;
			}
				#accordion .slide.active .body .header {
					display: block;
				}
					#accordion .slide.active .body .header a {
						text-decoration: none;
					}
					#accordion .slide .body .header a:hover {
						color: #0a86e5;
						text-decoration: underline;
					}
				#accordion .slide.active p {
					margin-bottom: 6px;
				}
		
#modal_overlay {
	background: #05335e;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
	z-index: 100;
}

#how {
	width: 930px;
	height: 412px;
	position: absolute;
	top: 200px;
	left: 25px;
	background: #052a46;
	z-index: 150;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
	#how #how_inner {
		_height: 400px;
		_position: relative;
	}
	#how .wrapper {
		width: 918px;
		height: 400px;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin: 6px 0 0 6px;
		position: relative;
	}
	#how div.close {
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9000px;
		background: url(../img/home/how/close.png) no-repeat;
		width: 25px;
		height: 25px;
		cursor: pointer;
	}
	#how div.header,
	#how ul.togglers li {
		position: absolute;
		left: 0;
		top: 0;
		width: 213px;
		height: 83px;
		background: url(../img/home/how/tab.png) bottom repeat-x;
		_background: url(../img/home/how/tab.8bit.png) bottom repeat-x;
		border-right: 1px solid #ddd;
	}
	#how div.header {
		z-index: 5;
	}
		#how div.header span {
			color: #0a86e5;
			font-size: 1.9em;
			font-style: italic;
			font-weight: bold;
			padding: 16px 18px 0 18px;
			display: block;
			letter-spacing: -0.02em;
		}
	#how .tab {
		position: absolute;
		left: 214px;
		top: 0;
		width: 664px;
		height: 332px;
		padding: 45px 0 0 40px;
		display: none;
	}
		#how .tab a {
			color: #0657ad;
		}
		#how .tab a:hover {
			color: #0a86e5;
			text-decoration: underline;
		}
		#how .tab .col_content {
			width: 325px;
			float: left;
		}
		#how .tab .col_image {
			width: 295px;
			float: right;
			margin-right: 18px;
			_margin-right: 9px;
			margin-top: 10px;
			text-align: center;
		}
		#how .tab#print_and_deliver .col_image {
			margin-top: -8px;
		}
			#how .col_image a.caption {
				text-align: center;
				font-size: 1.1em;
			}
		#how .tab strong.header {
			color: #0a86e5;
			display: block;
			font-size: 2.1em;
			font-weight: bold;
			margin-bottom: 12px;
		}
		#how .tab p {
			color: #666;
			font-size: 1.1em;
			line-height: 1.6;
			margin-bottom: 12px;
		}
		#how .tab .questions {
		
		}
			#how .tab .questions strong {
				font-weight: bold;
				display: block;
				color: #666;
				font-size: 1.3em;
				margin-bottom: 5px;
			}
			#how .tab .questions em {
				color: #054578;
				font-weight: bold;
				font-style: normal;
			}
			#how .tab .questions a {
				color: #054578;
				font-weight: bold;
			}
				#how .tab .questions a:hover {
					color: #0a86e5;
				}
	#how #create_your_design {
		padding-top: 35px;
	}
		#create_your_design #design1 {
			position: absolute;
			width: 660px;
		}
		#create_your_design #design2 {
			position: absolute;
			background: #fff;
			width: 605px;
			height: 295px;
			top: 22px !important;
			left: 40px !important;
		}
		#create_your_design .row {
			height: 115px;
			margin-bottom: 7px;
		}
			#how #create_your_design .col_image {
				margin-top: -15px;
				padding-right: 20px;
				_margin-top: 0;
			}
				#create_your_design .col_image img {
					display: block;
					margin: auto;
				}
				#create_your_design .row a.button {
					display: block;
					height: 32px;
					text-indent: -9000px;
					margin: 7px auto 0;
				}
				#create_your_design .row a.design_examples {
					width: 206px;
					background: url(../img/home/how/button_design_examples.png) no-repeat;
				}
				#create_your_design .row a.artwork_examples {
					width: 215px;
					background: url(../img/home/how/button_artwork_examples.png) no-repeat;
				}
		#create_your_design .separator {
			clear: both;
			border-top: 1px solid #ddd;
			margin-right: 53px;
			margin-bottom: 12px;
		}
			#create_your_design .separator span {
				display: block;
				width: 48px;
				background: #fff;
				color: #fc8800;
				font-size: 1.9em;
				font-weight: bold;
				text-align: center;
				margin: auto;
				position: relative;
				top: -14px;
			}
		#how_gallery {
			position: relative;
		}
			#how_gallery_photo {
				height: 195px;
				overflow: hidden;
				padding-top: 33px;
			}
				#how_gallery_photo img {
					border: 1px solid #eee;
					-moz-box-shadow: 0 0 13px rgba(157, 157, 157, 0.4);
					-webkit-box-shadow: 0 0 13px rgba(157, 157, 157, 0.4);
					box-shadow: 0 0 13px rgba(157, 157, 157, 0.4);
					margin: 0 auto;
					*border: 1px solid #ccc;
				}
			#how_gallery .col {
				float: left;
				width: 50%;
				border-top: 1px solid #ddd;
				height: 75px;
				*width: 49%;
				*overflow: hidden;
			}
				#how_gallery strong {
					font-size: 1.3em;
					display: block;
					color: #0a86e5;
					font-weight: bold;
					margin-bottom: 6px;
					margin-top: 10px;
				}
				#how_gallery ul {
				
				}
					#how_gallery li {
						list-style: none;
						float: left;
						border: 1px solid #ebebeb;
						margin-right: 9px;
					}
					#how_gallery li:hover,
					#how_gallery li.active {
						border-color: #fda844;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
					}
						#how_gallery li a {
						
						}
			#how_gallery .back {
				position: absolute;
				top: 0;
				left: 0;
				background-image: url(../img/btn/round_button_back.png);
				padding-left: 24px;
			}
				#how_gallery .back span,
				#custom_stationery .options a.shop_now span {
					background-image: url(../img/btn/round_button_back.png);
					padding-right: 10px;
				}
			
	#how .tab.active {
		display: block;
	}
	#how ul.togglers {
		position: absolute;
		z-index: 10;
		top: 83px;
		left: 0;
	}
		#how ul.togglers li {
			position: static;
			color: #054578;
			font-size: 1.2em;
			font-weight: bold;
			list-style: none;
			cursor: pointer;
		}
		#how ul.togglers li:hover {
			color: #0a86e5;
		}
			#how ul.togglers li div {
				height: 31px;
				line-height: 31px;
				position: relative;
				top: 26px;
				padding-left: 40px;
				margin-left: 20px;
				background: url(../img/home/how/numbers.png) no-repeat;
			}
			
			#how ul.togglers li#step_1 div {
				background-position: 0 0;
			}
			#how ul.togglers li#step_2 div {
				background-position: 0 -44px;
			}
			#how ul.togglers li#step_3 div {
				background-position: 0 -88px;
			}
				#how ul.togglers li#step_1.active div {
					background-position: -250px 0;
				}
				#how ul.togglers li#step_2.active div {
					background-position: -250px -44px;
				}
				#how ul.togglers li#step_3.active div {
					background-position: -250px -88px;
				}
		#how ul.togglers li.active {
			height: 89px;
			background-position: 0 0;
			width: 233px;
			margin-top: -3px;
			margin-bottom: -3px;
			color: #fff;
			border: none;
		}
			#how ul.togglers li.active div {
				top: 29px;
			}
	#how #get_started {
		height: 71px;
		position: absolute;
		bottom: 0;
		width: 918px;
		background: #ffc;
		z-index: 15;
		background: url(../img/home/how/get_started.png) repeat-x;
		_background: url(../img/home/how/get_started.8bit.png) repeat-x;
		_top: 329px;
		_overflow: hidden;
	}
		#get_started p {
			color: #5b5b5b;
			font-size: 1.3em;
			padding-left: 22px;
			line-height: 69px;
		}
			#get_started p a {
				color: #fc8800;
				font-weight: bold;
				text-decoration: underline;
			}
			#get_started p strong {
				font-size: 16px;
				font-weight: bold;
				padding-right: 6px;
			}
		#get_started a.button {
			float: right;
			width: 126px;
			height: 28px;
			text-indent: -9000px;
			background: url(../img/home/how/shop_now.png);
			margin-top: 22px;
			margin-right: 21px;
			*overflow: hidden;
			*position: absolute;
			*bottom: 20px;
			*right: 5px;
		}
	#how .loader {
		padding-top: 175px;
	}
		#how .loader img {
			display: block;
			margin: auto;
			height: 32px;
			width: 32px;
		}