@import url("common.css");
@import url("browse.css");

/*
Action Envelope
- Created: 7/30/07
*/

img.header {
	margin: 0 0 19px 6px;
}

p.intro {
	padding: 0 15px;
}

h1 {
	color: #0070C6;
	font-size: 1.7em;
	padding-left: 15px;
	font-weight: bold;
}

#express {
	padding: 0 15px 565px 15px;
}
#howItWorks {
	background: url(../img/bg/fullBleed.bg.gif) no-repeat 0 0;
	width: 437px;
	float: right;
	margin-right: 5px;
	_margin-right: 2px;
	padding: 15px;
}
	#howItWorks p {
		padding-left: 25px;
	}
	#howItWorks h2 {
		color: #054578;
		font-size: 1.9em;
		padding: 0 0 10px 0;
		line-height: 22px;
	}
	#howItWorks h3 {
		color: #0070C6;
		font-size: 1.2em;
		height: 20px;
		padding: 2px 0 0 25px;
	}
		#howItWorks h3.one {
			background: url(../img/ls/circle.one.gif) no-repeat 0 0;
		}
		#howItWorks h3.two {
			background: url(../img/ls/circle.two.gif) no-repeat 0 0;
		}
		#howItWorks h3.three {
			background: url(../img/ls/circle.three.gif) no-repeat 0 0;
		}
		#howItWorks h3.four {
			background: url(../img/ls/circle.four.gif) no-repeat 0 0;
		}
	.contentHeader {
		height: 20px;
		padding: 0 0 10px 0;
		line-height: 27px;
		overflow: hidden;
	}
	.contentHeader h1 {
		margin: 0 10px 0 0;
		font-size: 1.6em;
		color: #054578;
		float: left;
	}
	.contentHeader h2 {
		font-size: 1.2em;
		color: #666;
		float: left;
		font-weight: normal;
	}
	
	.customize {
		width: 719px;
		margin: 0 0 25px 0;
		padding: 10px 0 0 0;		
	}
	.customize div.spacer {
		width: 717px;
		height: 12px;
		margin: 0 auto;
		background: #fff;
		clear: both;
		border-top: 1px solid #d7d7d7;
	}
	.customize ul.tabs {
		list-style: none;
		clear: both;
		z-index: 2;
		position: relative;
		bottom: -1px;
	}
	.customize ul.tabs li {
		float: left;		
	}
	.customize ul.tabs li a {
		width: 102px;
		height: 32px;
		display: block;
		text-align: center;
		line-height: 38px;
		background: url(../img/tab/tabs.customize.envelope.png) no-repeat 0 5px;
		position: relative;
		bottom: 1px;
		text-decoration: none;
		font-size: 1em;
		overflow: hidden;
	}
	.customize ul.tabs.double li a {
		padding: 12px 0 0 0;
		line-height: 12px;
	}
	.customize ul.tabs li.last a {
		width: 104px;
	}
	.customize ul.tabs li a.active {
		width: 105px;
		background-position: 0 -103px;
		position: relative;
		bottom: 0;
		line-height: 32px;
		font-weight: bold;
		color: #0070c6;
	}
	.customize ul.tabs li.last a.active {
		background: url(../img/tab/tabs.customize.envelope.last.png) no-repeat -1px -103px;
	}
	.customize ul.tabs.double li a.active {
		padding: 12px 0 0 0;
		line-height: 12px;
	}
	.customize .content {
		width: 100%;
		background: url(../img/rc/express/bg.gif) repeat-y 0 0;
		position: relative;
		clear: both;
		z-index: 1;
	}
	.customize .content .aCol {
		width: 166px;
		padding: 0 0 0 13px;
		float: left;
		overflow: hidden;
	}
	.customize .content .bCol {
		width: 353px;
		padding-left: 17px;
		float: left;
		overflow: hidden;
	}
	.customize .content .cCol {
		width: 157px;
		padding: 0 13px 0 0;
		float: left;
		overflow: hidden;
		position: relative;
	}
	.customize .content h1 {
		color: #054578;
		font-size: 1.4em;
		padding: 0 0 10px 0;
		line-height: 22px;
	}
	.customize .content h1 span {
		color: #666;
		font-size: .855em;
		font-weight: normal;
	}
	.customize .content h1.one {
		padding-left: 31px;
		background: url(../img/ls/icon.1.gif) no-repeat 0 0;
	}
	.customize .content h1.two {
		padding-left: 31px;
		background: url(../img/ls/icon.2.gif) no-repeat 0 0;
		margin-top: 20px;
	}
	.customize .content h1.three {
		padding-left: 48px;
		background: url(../img/ls/icon.3.gif) no-repeat 17px 0;
	}
	.customize .content img.spinner {
		position: absolute;
		top: 5px;
		right: 15px;
	}
		.customize .picture {
			padding: 10px 13px 15px 0;
		}
		.customize .picture img {
			margin: 0 auto 15px auto;
		}
		.customize .picture h2 {
			font-size: 1.2em;
			color: #054578;
		}
		.customize p {
			font-size: 1.1em;
			line-height: 16px;
			padding: 0 10px 0 0;
		}

		.customize .content b {
			font-size: 1.1em;
		}	
		
		.customize div.download {
			display: block;
			padding: 4px 0 0 50px;
			margin-bottom: 10px;
			width: 250px;
			height: 39px;
			font-size: 1.1em;
		}
			.customize div.download.pdf { background: url(../img/icon/download.pdf.sm.png) no-repeat 0 0; }
			.customize div.download.eps { background: url(../img/icon/download.eps.sm.png) no-repeat 0 0; }
		
		.customize .qtyPrice {
			padding: 7px 0 50px 15px;
			font-size: 1.1em;
			overflow: hidden;
		}
		.customize .qtyPrice table {
			border-collapse: collapse;
		}
		.customize .qtyPrice table td {
			padding: 0 0 10px 0;
		}
		.customize .qtyPrice table .col1 {
			width: 60px;
		}
		.customize .qtyPrice table .col2 {
			width: 20px;
		}
		.customize .qtyPrice table b {
			color: #fc7e22;
		}
		.customize .qtyPrice table td {
			vertical-align: top;
		}
		.customize .qtyPrice table td input {
			width: 12px;
			height: 12px;
		}
		
		.customize input.add {
			position: absolute;
			right: 7px;
			bottom: 0;
		}
		
	.customize .btm {
		width: 100%;
		height: 17px;
		background: url(../img/rc/express/btm.gif) no-repeat 0 0;
	}


img#bleedEnvelopes {
	float: left;
	margin-left: 5px;
	_margin-left: 2px;
}