/*
Action Envelope
- Created: 8/06/07
*/

#content {
	padding: 0 20px 20px 20px;
}

	div#homepage {
		padding: 10px 0 0 0;
	}
		#aCol {
			width: 320px;
			float: left;
		}
			#promoBox {
				width: 310px;
				margin: 0 0 17px 0;
				padding: 0 0 10px 0;
				background: url(../img/rc/home/bg.aCol.gif) no-repeat bottom left;
			}
			#promoBox .content img {
				margin: 0 auto;
			}
			#promoBox .buttons {
				padding: 10px 5px 0 5px;
			}
			#promoBox .buttons a {	
				width: 147px;			
				height: 52px;
				display: block;
				text-indent: -999px;
				overflow: hidden;
			}
			#promoBox .buttons a#express {
				margin: 0 5px 0 0;
				float: left;
				background: url(../img/btn/expressShop.png) no-repeat 0 0;
			}
			#promoBox .buttons a#boutique {
				float: left;
				background: url(../img/btn/holidayBoutique.png) no-repeat 0 0;
			}
			#promoBox .buttons a#expressNew {
				margin: 0 5px 0 0;
				float: left;
			}
			#promoBox .buttons a#boutiqueNew {
				float: left;
			}
			#promoBox .buttons div#boutiqueNew {
				float: left;
				width: 147px;			
				height: 52px;
				display: block;
				text-indent: -999px;
				overflow: hidden;
			}
			#promoBox .buttons div#expressNew {
				float: left;
				width: 147px;			
				height: 52px;
				display: block;
				text-indent: -999px;
				overflow: hidden;
			}
			#promoBox .buttons a:hover {
				background-position: 0 -62px !important;
			}
			
			/* tabbed module styles */
			#tabbed {
				width: 310px;	
			}
			#tabbed ul.togglers {
				height: 32px;
				list-style: none;
				position: relative;
			}
			#tabbed ul.togglers li {
				float: left;
				font-size: 1.1em;
			}
			#tabbed ul.togglers li a {
				width: 103px;
				height: 32px;
				background: url(../img/tab/tab.home.gif) no-repeat 0 -6px;
				display: block;
				color: #033e6b;
				font-weight: normal;
				text-decoration: none;
				text-align: center;
				line-height: 35px;
				overflow: hidden;
				cursor: pointer;
			}
			#tabbed ul.togglers li a:hover {
				color: #f60;
			}
			#tabbed ul.togglers li.active {
				z-index: 10;
			}
			#tabbed ul.togglers li.active a {
				width: 103px;
				background-position: 0 -48px;
				font-weight: bold;
				color: #0a86e5;
			}
			#tabbed ul.togglers li.last a {
				width: 104px;
				background: url(../img/tab/tab.home.last.gif) no-repeat 0 -6px;
			}
			#tabbed ul.togglers li.last.active a {
				background-position: 0 -48px;
			}	
			#tabbed ul.togglers li.active a:hover {
				color: #0a86e5;
			}
			#tabbed .content {
				height: 326px;
				*height: 330px;
				padding: 8px 0 15px 0;
				background: url(../img/rc/home/bg.aCol.gif) no-repeat bottom left;
			}
			.content .tab {
				display: none;
			}
			.content .tab.active {
				display: block;
			}

				#tabbed #featured {
					padding: 13px 14px 0 15px;
				}
				#tabbed #featured table {
					width: 100%;
					margin: 0 0 10px 0;
					border-collapse: collapse;
					font-size: 1.1em;
				}
				#tabbed #featured table td {
					padding: 15px 0;
					vertical-align: middle;
					text-align: center;
					border-bottom: 1px solid #d7d7d7;
					_border-right: expression((this==this.parentNode.firstChild)?"1px solid #d7d7d7":"none");
				}
				#tabbed #featured table td:first-child {
					border-right: 1px solid #d7d7d7;
				}
				#tabbed #featured table tr:first-child td {
					padding-top: 0;
				}
				#tabbed #featured table tr td {
					_padding-top: expression((this.parentNode==this.parentNode.parentNode.firstChild)?"0":"15px");
				}
				#tabbed #featured table td img {
					margin: 0 auto 10px auto;
				}
				#tabbed #mostPopular {
					padding: 0 7px 5px 7px;
				}
				#tabbed #mostPopular table {
					width: 100%;
					margin: 0 0 15px 0;
					border-collapse: collapse;
				}
				#tabbed #mostPopular table .aCol {
					width: 24%;
				}
				#tabbed #mostPopular table .bCol {
					width: 42%;
				}
				#tabbed #mostPopular table .cCol {
					width: 34%;
				}
				#tabbed #mostPopular table td {
					padding: 10px 0;
					border-bottom: 1px solid #d7d7d7;
					vertical-align: top;
				}
				#tabbed #mostPopular table td:first-child {
					padding-left: 5px;
				}
				#tabbed #mostPopular table td a {
					font-size: 1.1em;
					line-height: 16px;
				}
				#tabbed #mostPopular table td p {
					margin: 0;
					font-size: 1em;
				}
				#tabbed #mostPopular table td div {
					text-align: right;
				}
				#tabbed #mostPopular table td div i {
					font-style: normal;
					color: #0a86e5;
				}
				#tabbed #mostPopular table td div span {
					color: #f60;
				}

				#tabbed #whatsNew {
					padding: 0 7px 0 7px;
				}
				#tabbed #whatsNew table {
					width: 100%;
					border-collapse: collapse;
				}
				#tabbed #whatsNew table td {
					padding: 11px 0;
					border-top: 1px solid #d7d7d7;
					_border-top: expression((this.parentNode==this.parentNode.parentNode.firstChild)?"none":"1px solid #d7d7d7");
					vertical-align: middle;
					font-size: 1.1em;
					line-height: 16px;
				}
				#tabbed #whatsNew table td span {
					color: #f60;
				}
				#tabbed #whatsNew table td img {
					margin: 0 0 0 5px;
				}
				#tabbed #whatsNew table tr:first-child td {
					border: none;
				}

		#tabbed a.widow {
			font-size: 1.1em;
			font-weight: bold;			
		}


		#bCol {
			width: 620px;
			float: left;
		}
		
			div.rbox {
				width: 100%;
				margin: 0 0 16px 0;
				background: url(../img/rc/home/bg.bCol.gif) no-repeat bottom left;
			}
			div.rbox .tbar {
				padding: 0 5px 0 17px;
				height: 44px;
				background: url(../img/rc/home/tbar.gray.gif) no-repeat 0 0;
				position: relative;
			}
			div.rbox .tbar h1 {
				font-size: 1.4em;
				color: #074679;
				line-height: 44px;
			}
			div.rbox .tbar h1 span {
				color: #feffb0;
				font-size: .92em;
			}
			div.rbox .tbar a.shopBy {
				height: 26px;
				margin: 10px 10px 0 0;
				text-decoration: none;
				display: block;
				float: left;
				font-size: 1.4em;
				line-height: 25px;
				color: #074679;
				font-weight: bold;
			}
			div.rbox .tbar a.shopBy.active:hover {
				color: #ffa900;
			}
			div.rbox .tbar a.shopBy span {
				float: left;
				cursor: pointer;
			}
			div.rbox .tbar a.shopBy img {
				float: left;
				position: relative;
				right: -5px;
				display: none;
			}
			div.rbox .tbar a.shopBy.active {
				padding: 0 0 0 10px;
				background: url(../img/btn/shopBy/bg.gif) no-repeat 0 0;
				color: #898989;
			}
			div.rbox .tbar a.shopBy.active img {
				display: block;
			}
			div.rbox .arrow {
				padding: 0 0 0 19px;
				background: url(../img/btn/boxArrow.gif) no-repeat center left;
			}
			.rbox a.select {
				height: 18px;
				margin: 15px 17px 0 12px;
				padding: 0 0 0 10px;
				display: inline;
				background: url(../img/btn/select/bg.gif) no-repeat 0 0;
				float: right;
				color: #858585;
				font-size: 1em;
				text-decoration: none;
				line-height: 18px;
				position: relative;
			}
			.rbox a.select:hover {
				color: #ffa900;
			}
			.rbox a.select span {
				min-width: 110px;
				_width: 110px;
				float: left;
				cursor: pointer;
			}
			.rbox a.select img {
				float: right;
				position: absolute;
				top: 0;
				right: -5px;
			}
			.rbox .pulldown {
				width: 159px;
				position: absolute;
				z-index: 50;
			}
			.rbox .pulldown .top {
				height: 24px;
				padding: 0 0 0 10px;
				background: url(../img/rc/bColSteps/pulldown/top.png) no-repeat 0 0;
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/html/img/rc/bColSteps/pulldown/top.png');
				display: block;
				font-size: 1.1em;
				line-height: 24px;
			}
			.rbox .pulldown ul {
				height: 100%;
				list-style: none;
				padding: 0 11px 0 10px;
				background: url(../img/rc/bColSteps/pulldown/bg.png) repeat-y 0 0;
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/html/img/rc/bColSteps/pulldown/bg.png');
			}
			.rbox .pulldown ul li {
				border-top: 1px solid #eaeae1;
			}
			.rbox .pulldown a {
				padding: 4px 0;
				height: 16px;
				display: block;
				line-height: 16px;
				cursor: pointer;
				text-decoration: none;
				color: #044577;
				position: relative;
				background: #fff;
			}
			.rbox .pulldown a:hover {
				background: #f0efef;
				color: #ffa900;
			}
			.rbox .pulldown span {
				color: #666;
			}
			.rbox .pulldown img {
				margin: 0 10px 0 0;
				float: left;
			}
			.rbox .pulldown .btm {
				width: 100%;
				height: 9px;
				background: url(../img/rc/bColSteps/pulldown/btm.png) no-repeat 0 0;
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/html/img/rc/bColSteps/pulldown/btm.png');
			}
			.rbox div.active .pulldown {
				display: block;
			}
			.rbox .pulldown.color {
				top: 13px;
				right: 11px;
			}
			
			#colorWidget, #browser .tbar {
				position: relative;
				z-index: 15;
			}

			/* Shop by Style Widget Styles */
			#shopByStyle {
				width: 100%;
				padding: 0 0 3px 0;
			}
			#shopByStyle .col {
				width: 155px;
				height: 134px;
				padding: 15px 0;
				float: left;
				text-align: center;
				position: relative;
				overflow: hidden;
			}
			#shopByStyle .col img {
				margin: 0 auto 15px auto;
			}
			#shopByStyle .col a {
				font-size: 1.1em;
				line-height: 16px;
			}
			#shopByStyle ul.menu {
				width: 133px;
				padding: 5px 10px;
				height: 155px;
				list-style: none;
				position: absolute;
				text-align: left;
				background: #fff url(../img/bg/bg.menu.gif) no-repeat left bottom;
				border: 1px solid #d7d7d7;
				border-width: 1px 1px 0 1px;
				left: 0;
				top: 168px;
				overflow: hidden;
			}
			#shopByStyle ul.menu li {
				width: 100%;
				border-top: 1px solid #d7d7d7;
				_border-top: expression((this==this.parentNode.firstChild)?"none":"1px solid #d7d7d7");
				clear: both;
				_float: left;
			}
			#shopByStyle ul.menu li:first-child {
				border: none;
			}
			#shopByStyle ul.menu li a {
				display: block;
				padding: 7px 15px 7px 35px;
				text-decoration: none;
				background-position: 2px center;
				background-repeat: no-repeat;
				_position: relative;
				overflow: hidden;
			}
			#shopByStyle ul.menu li.express,
			#shopByStyle ul.menu li.clasp,
			#shopByStyle ul.menu li.lined {
				display: none;
			}
			/* styles for icons */
			#shopByStyle li.regular a {
				background: url(../img/icon/regular.gif);
			}
			#shopByStyle li.window a {
				background: url(../img/icon/window.gif);
			}
			#shopByStyle li.openSide a {
				background: url(../img/icon/openSide.gif);
			}
			#shopByStyle li.openEnd a {
				background: url(../img/icon/openEnd.gif);
			}
			#shopByStyle li.pealSeal a {
				background: url(../img/icon/pealSeal.gif);
			}
			#shopByStyle li.squareFlap a {
				background: url(../img/icon/squareFlap.gif);
			}
			#shopByStyle li.contourFlap a {
				background: url(../img/icon/contourFlap.gif);
			}
			#shopByStyle li.pointedFlap a {
				background: url(../img/icon/pointedFlap.gif);
			}
			#shopByStyle li.innerOuter a {
				background: url(../img/icon/innerOuter.gif);
			}
			#shopByStyle li.square a {
				background: url(../img/icon/squareEnvelopes.gif);
			}
			#shopByStyle li.bubbleLined a {
				background: url(../img/icon/bubble.gif);
			}
			#shopByStyle li.paperboardMailers a {
				background: url(../img/icon/paperBoard.gif);
			}
			#shopByStyle li.plasticMailers a {
				background: url(../img/icon/plastic.gif);
			}
			#shopByStyle li.cardstock a {
				background: url(../img/icon/cardstock.gif);
			}
			#shopByStyle li.notecards a {
				background: url(../img/icon/notecards1.gif);
			}
			#shopByStyle li.labels a {
				background: url(../img/icon/labels1.gif);
			}
			#shopByStyle li.presentationFolders a {
				background: url(../img/icon/presentationFolders.gif);
			}
			#shopByStyle li.sizeAssistant a {
				background: url(../img/icon/sizeAssistant.gif);
			}
			#shopByStyle li.holiday a {
				background: url(../img/icon/holiday.gif);
			}
			#shopByStyle li.lined a {
				background: url(../img/icon/lined.gif);
			}
			#shopByStyle li.peelSeal a {
				background: url(../img/icon/peelSeal.gif);
			}
			#shopByStyle li.recycled a {
				background: url(../img/icon/recycled.gif);
			}
			#shopByStyle li.customCreator a {
				background: url(../img/icon/customCreator.gif);
			}
			#shopByStyle li.remittance a {
				background: url(../img/icon/remittance.gif);
			}
			#shopByStyle li.booklet a {
				background: url(../img/icon/booklet.gif);
			}
			#shopByStyle li.clasp a {
				background: url(../img/icon/clasp.gif);
			}
			#shopByStyle li.paper a {
				background: url(../img/icon/paper.gif);
			}
			#shopByStyle li.directMail a {
				background: url(../img/icon/directMail.gif);
			}
			#shopByStyle li.contourFlap a {
				background: url(../img/icon/contourFlap.gif);
			}
			#shopByStyle li.miniEnvelopes a {
				background: url(../img/icon/miniEnvelopes.gif);
			}
			#shopByStyle li.rigiBagMailers a {
				background: url(../img/icon/rigiBagMailers.gif);
			}
			#shopByStyle li.tuffguardMailers a {
				background: url(../img/icon/tuffguardMailers.gif);
			}
			#shopByStyle li.jiffyliteBubble a {
				background: url(../img/icon/jiffyliteBubble.gif);
			}
			#shopByStyle li.paddedMailers a {
				background: url(../img/icon/paddedMailers.gif);
			}
			/* color scroll styles */
			#colorScroll {
				margin: 0 0 4px 0;
				padding: 15px 19px 15px 18px;
				position: relative;
			}
			#colorScroll #overFlow {
				width: 100%;
				padding: 0 0 5px 0;
				overflow: hidden;
			}
				#colorSets {
					width: 20000px;
				}
				#colorSets ul.colorSet {
					list-style: none;
					float: left;
				}
				#colorSets ul.colorSet li {
					height: 120px;
					padding: 0 12px 0 0;
					float: left;
				}
				#colorSets ul.colorSet li img {
					width: 71px;
					height: 71px;
					padding: 1px;
					border: 1px solid #D7D7D7;
					margin: 0 0 10px 0;
				}
				#colorSets ul.colorSet li a {
					width: 73px;
					display: block;
					text-align: center;
				}
				#colorSets ul.colorSet li a:hover img {
					border-color: #ffa900;
				}
					#scrollBar {
						width: 100%;
						height: 20px;
						margin: 0 auto;
						background: url(../img/scrollbar/bg.scrollBar.gif) repeat-x 0 0;
					}
					#scrollBar #knob {
						display: block;
						width: 60px;
						height: 18px;
						margin: 1px 0 0 0;
						background: url(../img/scrollbar/scrollKnob.gif) no-repeat 0 0;
						cursor: pointer;
					}
					#scrollBar #track {
						width: 541px;
						height: 20px;
						float: left;
					}
					#scrollBar #scrollLeft {
						float: left;
						background: url(../img/scrollbar/scrollLeft.gif) no-repeat 0 0;
						display: block;
						width: 21px;
						height: 20px;
						cursor: pointer;
					}
					#scrollBar #scrollRight {
						float: right;
						background: url(../img/scrollbar/scrollRight.gif) no-repeat 0 0;
						display: block;
						width: 20px;
						height: 20px;
						cursor: pointer;
					}
			
			/* Custom Envelopes styles */
			#customEnvelopes .content {
				padding: 12px 0 15px 16px;
			}
			#customEnvelopes .content ul {
				list-style: none;
			}
			#customEnvelopes .content ul li {
				width: 183px;
				padding: 0 13px 0 0;
				float: left;
			}
			#customEnvelopes .content ul li p {
				width: 113px;
				height: 62px;
				padding: 35px 0 0 70px;
				margin: 0 0 14px 0;
				border-bottom: 1px solid #d7d7d7;
				font-size: 1.1em;
				line-height: 15px;
			}
			#customEnvelopes .content p.select {
				background: url(../img/fpo/select.png) no-repeat 0 0;
			}
			#customEnvelopes .content p.design {
				background: url(../img/fpo/design.png) no-repeat -3px 0;
			}
			#customEnvelopes .content p.print {
				background: url(../img/fpo/print.png) no-repeat 5px 0;
			}
			#customEnvelopes a.btn {
				width: 146px;
				padding: 0 24px 0 13px;
				background: url(../img/btn/roundEdge.gif) no-repeat 0 0;
				display: block;
				font-size: 1.2em;
				line-height: 23px;
				text-decoration: none;
				color: #666;
			}
			#customEnvelopes a.btn:hover {
				color: #ffa900;
			}
			
	
	
		#homepage_video .close {
			background: url(../img/btn/popClose.gif) no-repeat;
			width: 22px;
			height: 21px;
			position: absolute;
			top: 9px;
			left: 769px;
			text-indent: -9999px;
			cursor: pointer;
			z-index:1500;
		}
		
		.homepage_bookmark{
			width:140px;
			height:45px;
			text-indent: -9999px;
			position: absolute;
			top: 365px;
			left: 330px;
			z-index: 1999;
			background-color: Transparent\9;
			background-color:#0066FF;
			filter:alpha(opacity=0); 
   			-moz-opacity: 0; 
   			opacity: 0; 
			background: url(../img/btn/spacer.gif) no-repeat;
		}
		
		.flash{
			display:block;
			width:100%;
			height:100%
		}
		
		#homepage_video {
			position:absolute;
			left:75px;
			top:120px;
			z-index:1999;
			width:800px;
			width:800px\9;
			height:500px;
		}