@import url('common.css');

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

#content {
	padding: 0 21px 60px 22px;
}

#pageHeader {
	margin: 0 0 25px 0;
}

#printServices {
	width: 100%;
	background: url(../img/rc/printServices/printServices.bg.gif) repeat-y 188px 0;
}

	#aCol {
		width: 190px;
		float: left;
	}
		ul.sideNav {
			width: 190px;
			list-style: none;
		}
		ul.sideNav li {
			width: 190px;
			height: 71px;
			height: expression((this==this.parentNode.firstChild)?"72px":"71px");
			background: url(../img/tab/printServices.png) no-repeat 0 -1px;
			background-position: expression((this==this.parentNode.firstChild)?"0 0":" 0 -1px");
		}
		ul.sideNav li:first-child {
			height: 72px;
			background-position: 0 0;
		}
		ul.sideNav li a {
			height: 51px;
			padding: 20px 20px 0 20px;
			display: block;
			font-size: 1.4em;
			color: #f60;
			font-weight: bold;
			line-height: 17px;
			text-decoration: none;
		}
		ul.sideNav li a:hover {
			text-decoration: none;
		}
		ul.sideNav li.active {
			background-position: 0 -72px;
			background-position: expression((this==this.parentNode.firstChild)?"0 -71px":" 0 -72px");
		}
		ul.sideNav li.active:first-child {
			background-position: 0 -71px;
		}
		ul.sideNav li.active a {
			color: #024476;
		}

	
	#bCol {
		width: 747px;
		float: left;
	}
		#mainContent {
			padding: 10px 17px 60px 16px;
		}
		#mainContent p {
			margin: 0 0 5px 0;
			font-size: 1.2em;
			line-height: 18px;
		}
			/* tab settings */
			#mainContent .tab {
				display: none;
			}
			#mainContent .tab.active {
				display: block;
			}

			/* overview tab styles */
			#overview h1 {
				margin: 0 0 10px 0;
				padding: 10px 0 0 0;
				color: #0a86e5;
				font-size: 1.4em;
				line-height: 22px;
			}
			#overview .blurb {
				padding: 0 10px 0 0;
			}
			#overview .blurb img {
				margin: 0 0 0 30px;
			}
			#overview .viewGallery {
				padding: 0 70px 20px 0;
				text-align: right;
			}
			#overview #promoButtons {
				width: 100%;
				margin: 0 0 30px 0;
			}
			#overview #promoButtons a {
				float: left;
				margin: 0 0 0 10px;
				margin: expression((this==this.parentNode.firstChild) ? "0" : "0 0 0 9px");
			}
			#overview #promoButtons a:first-child {
				margin: 0;
			}
			#overview #steps {
				padding: 15px 0 0 16px;
				height: 185px;
				background: url(../img/bg/printServies.gray.gradient.png) no-repeat 0 0;
			}
			#overview #steps h1 {
				padding: 0 0 0 140px;
				background: url(../img/hl/howItWorks.png) no-repeat 0 0;
				font-size: 1.1em;
				color: #666;
				font-weight: normal;
				line-height: 25px;
			}
			#overview #steps a {
				width: 110px;
				height: 149px;
				margin: 0 4px 0 0;
				display: block;
				float: left;
				text-indent: -9999px;
				overflow: hidden;
			}
			#overview #steps a.step1 {
				background: url(../img/fpo/step1.png) no-repeat 0 0;
			}
			#overview #steps a.step2 {
				background: url(../img/fpo/step2.png) no-repeat 0 0;
			}
			#overview #steps a.step3 {
				background: url(../img/fpo/step3.png) no-repeat 0 0;
			}
			#overview #steps a.step4 {
				background: url(../img/fpo/step4.png) no-repeat 0 0;
			}
			#overview #steps a.step5 {
				background: url(../img/fpo/step5.png) no-repeat 0 0;
			}
			#overview #steps a.step6 {
				background: url(../img/fpo/step6.png) no-repeat 0 0;
			}
			#overview #steps a:hover {
				background-position: 0 -149px;
			}
			#overview .getStarted img {
				margin: 10px auto;
			}
			

			/* design and print options tab styles */
			#printOptions {
				padding: 27px 0 0 23px;
				background: url(../img/bg/printServices.blue.gradient.png) no-repeat 0 0;
			}
			#printOptions .blurb {
				padding: 0 0 15px 0;
				background: url(../img/bg/repeat.border.gif) repeat-y 336px 0;
				position: relative;
			}
			#printOptions .blurb .design {
				width: 319px;
				padding: 105px 14px 0 0;
				float: left;
				background: url(../img/hl/designNow-envelopes.png) no-repeat 0 0;
			}
			#printOptions .blurb .upload {
				width: 307px;
				padding: 105px 0 0 33px;
				float: left;
				background: url(../img/hl/useFile.png) no-repeat 33px 0;
			}
			#printOptions .blurb .or {
				width: 36px;
				height: 36px;
				background: url(../img/icon/or.png) no-repeat 0 0;
				position: absolute;
				top: 5px;
				left: 319px;
			}
			#printOptions .btmTout {
				padding: 20px 0 0 0;
				border-top: 1px solid #d7d7d7;
			}
			#printOptions .btmTout .aCol {
				width: 444px;
				float: left;
			}
			#printOptions .btmTout .aCol h1 {
				font-size: 1.4em;
				color: #074679;
				margin: 0 0 17px 0;
			}
			
			#printOptions .btmTout .bCol .pre-press {
				font-size: 1.4em;
				color: #074679;
				margin: 0 0 17px 0;
			}	
				
			#printOptions .btmTout .aCol h2 {
				font-size: 1.1em;
				margin: 0 0 6px 0;
			}
			#printOptions .btmTout .aCol dl {
				width: 100%;				
			}
			#printOptions .btmTout .aCol dd {
				margin: 0 0 20px 0;
				padding: 0 40px 0 90px;
				clear: both;
			}
			#printOptions .btmTout .aCol p {
				margin: 0;
				font-family: inherit;
				font-size: 1.1em;
				line-height: 17px;
			}
					#printOptions .btmTout .aCol ul {
						list-style: none;
					}
					#printOptions .btmTout .aCol ul li {
						margin: 0 0 5px 0;
						padding: 0 0 0 12px;
						background: url(../img/ls/disc.gif) no-repeat 0 6px;
						font-size: 1.1em;
						line-height: 16px;
					}
					
				/* icons */
				.quantity {
					background: url(../img/icon/quantity.png) no-repeat 0 0;
				}
				.bleeds {
					background: url(../img/icon/bleeds.png) no-repeat 0 0;
				}
				.sides {
					background: url(../img/icon/2SidedPrinting.png) no-repeat 0 0;
				}
				.heavyCover {
					background: url(../img/icon/heavyCoverage.png) no-repeat 0 0;
				}
				.inkChoices {
					background: url(../img/icon/inkChoices.png) no-repeat 0 0;
				}
				
			#printOptions .btmTout .bCol {
				width: 247px;
				float: left;
			}
				#printOptions .acceptable {
					width: 247px;
					overflow: hidden;
				}
				#printOptions .acceptable .tbar {
					height: 38px;
					padding: 0 0 0 15px;
					background: url(../img/rc/printServices/acceptable.top.png) no-repeat 0 0;
				}
				#printOptions .acceptable .tbar h1 {
					color: #074679;
					font-size: 1.2em;
					line-height: 38px;
				}
				#printOptions .acceptable .content {
					padding: 0 23px 5px 17px;
					background: url(../img/rc/printServices/acceptable.bg.png) repeat-y 0 0;
				}
				#printOptions .acceptable .content ul {
					margin: 0 0 10px 0;
					list-style: none;
				}
				#printOptions .acceptable .content ul li {
					padding: 10px 0 10px 25px;
					border-bottom: 1px solid #d7d7d7;
				}
				#printOptions .acceptable .content ul li a.more {
					display: block;
					padding: 2px 0 0 0;
					clear: both;
				}
				#printOptions .acceptable .content ul li p {
					margin: 0;
					padding: 10px 0 0 0;
					font-style: italic;
					font-size: 1em;
					color: #666;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					line-height: 13px;
					display: none;
					overflow: hidden;
				}
				#printOptions .acceptable .content ul li.active p {
					display: block;
				}
				/* icons */
				.psd {
					background: url(../img/icon/psd.gif) no-repeat 0 0;
				}
				.illustrator {
					background: url(../img/icon/illustrator.gif) no-repeat 0 0;
				}
				.quark {
					background: url(../img/icon/quark.gif) no-repeat 0 0;
				}
				.pdf {
					background: url(../img/icon/pdf.gif) no-repeat 0 0;
				}
				.word {
					background: url(../img/icon/word.gif) no-repeat 0 0;
				}
				#printOptions .acceptable .content ul li {
					background-position: 0 11px;
				}

			/* production Time tab styles  */
			#productionTime {
				padding: 27px 0 0 27px;
				background: url(../img/bg/printServices.blue.gradient.png) no-repeat 0 0;
			}
			#productionTime .content {
				padding: 0 0 50px 0;
				background: url(../img/bg/divider.fade.png) no-repeat 331px 0;
			}
			#productionTime .content p {
				margin: 0 0 15px 0;
				font-size: 1.3em;
				color: #666;
				line-height: 19px;
			}
			#productionTime .content .aCol {
				width: 296px;
				padding: 0 35px 0 0;
				float: left;
			}
			#productionTime .content .aCol h1 {
				width: 160px;
				height: 24px;
				margin: 0 0 15px 0;
				background: url(../img/hl/proofApproval.png) no-repeat 0 0;
				text-indent: -9999px;
			}
			#productionTime .content .aCol img {
				margin: 0 0 20px 0;
			}
			#productionTime .content .aCol .footNote {
				border-top: 1px solid #d7d7d7;
				padding: 15px 0 0 0;
				font-size: 1.1em;
				line-height: 17px;
			}
			#productionTime .content .bCol {
				width: 294px;
				padding: 0 0 0 33px;
				float: left;
			}
			#productionTime .content .bCol h1 {
				width: 175px;
				height: 21px;
				margin: 0 0 20px 0;
				background: url(../img/hl/productionTime.png) no-repeat 0 0;
				text-indent: -9999px;
			}
			#productionTime .content .bCol blockquote {
				padding: 0 0 0 10px;
			}
			
			/* Get Started tab Styles */
			#getStarted {
				padding: 8px 0 0 25px;
			}
			#getStarted h1 {
				width: 120px;
				height: 18px;
				margin: 0 0 10px 0;
				background: url(../img/hl/getStarted.png) no-repeat 0 0;
				text-indent: -9999px;
				overflow: hidden;
			}
			#getStarted p {
				margin: 0 0 18px 0;
				padding: 0 15px 0 0;
				color: #676767;
				font-size: 1.1em;
				line-height: 15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			#getStarted .banner {
				width: 663px;
				height: 130px;
				margin: 0 0 20px 0;
				background: url(../img/promo/expressShop.png) no-repeat 0 0;
				overflow: hidden;
				position: relative;
			}
			#getStarted .banner p {
				padding: 55px 130px 35px 20px;
				color: #0a86e5;
				font-size: 1.2em;
				line-height: 17px;
			}
			#getStarted .promos {
				width: 100%;
			}
			#getStarted .promos div {
				width: 318px;
				height: 182px;
				margin: 0 0 25px 0;
				padding: 0 26px 0 0;
				overflow: hidden;
				float: left;
				position: relative;
			}
			#getStarted .promos div p {
				padding: 60px 130px 35px 20px;
				color: #0a86e5;
				font-size: 1.2em;
				line-height: 17px;
			}
			#getStarted .promos div.shopByColor {
				background: url(../img/promo/shopByColor.png) no-repeat 0 0;
			}
			#getStarted .promos div.shopByCollection {
				background: url(../img/promo/shopByCollection.png) no-repeat 0 0;
			}
			#getStarted .promos div.shopBySize {
				background: url(../img/promo/shopBySize.png) no-repeat 0 0;
			}
			#getStarted .promos div.shopByUse {
				background: url(../img/promo/shopByUse.png) no-repeat 0 0;
			}
			#getStarted a.startShopping {
				width: 119px;
				height: 18px;
				display: block;
				position: absolute;
				overflow: hidden;
				text-indent: -9999px;
				background: url(../img/btn/startShopping.png) no-repeat 0 0;
				bottom: 20px;
				left: 20px;
			}
	
	#btm {
		width: 100%;
		height: 4px;
		background: url(../img/rc/printServices/printServices.btm.png) no-repeat 0 0;
		clear: both;
		overflow: hidden;
	}
	.footnotes {
		margin-top: 1.5em;
		font-size: 1em;
		line-height: 1.4em;
		color: #909090;
	}	
		.footnotes hr {
			height: 1px;
			border-style: solid;
			border-width: 1px 0 0 0;
			margin-bottom: 1.5em;
			width: 8em;
			color: #909090;
		}
		.footnotes ol {
			margin: 0 2em;
		}
		.footnotes a {
			color: #909090;
		}
	sup { line-height: 0; }