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

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

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

#express {
	padding: 0 15px;
}
	.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: 370px;
		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;
		border-bottom: 1px solid #d7d7d7;
	}
	.customize .content h1 span {
		color: #666;
		font-size: .855em;
		font-weight: normal;
	}
	.customize .content h1.one {
		padding-left: 32px;
		background: url(../img/ls/icon.1.gif) no-repeat 0 0;
	}
	.customize .content h1.two {
		padding-left: 48px;
		background: url(../img/ls/icon.2.gif) no-repeat 17px 0;
	}
	.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 .color {
			font-size: 1.1em;
			margin: 0 0 15px 0;
		}
		.customize .color select {
			width: 107px;
			font-size: 1em;
			border: 1px solid #d7d7d7;
			color: #666;
		}
		.customize p {
			font-size: 1.1em;
			line-height: 16px;
			padding: 0 10px 0 0;
		}

		.customize .printOpt { 
			width: 350px;
			margin: 0 auto 15px auto;
			padding: 5px 0 20px 0;
			border-bottom: 1px solid #d7d7d7;			
		}
		.customize .printOpt a {
			height: 23px;
			padding: 0 0 0 20px;
			color: #999;
			font-size: 1em;
			line-height: 23px;
			font-weight: bold;
			display: block;
			text-decoration: none;
		}
		.customize .content b {
			font-size: 1.1em;
		}		
		.customize div.colors {
			width: 107px;
			float: left;
		}
		.customize div.sides {
			width: 94px;
			float: left;
		}
		.customize div.time {
			width: 149px;
			float: left;
		}
		.customize a.medium {
			width: 71px;
			background: url(../img/btn/btn.medium.gif) no-repeat 0 -32px;
		}
		.customize a.small {
			width: 59px;
			background: url(../img/btn/btn.small.gif) no-repeat 0 -32px;
		}
		.customize a.large {
			width: 123px;
			background: url(../img/btn/btn.large.gif) no-repeat 0 -32px;
		}
		.customize .printOpt a:hover, .customize a.active {
			background-position: 0 0;
			color: #054578;
		}

		.customize .designOpt {
			width: 350px;
			margin: 0 auto;
		}
		.customize .designOpt .options {
			padding: 8px 0;
		}
		.customize .designOpt .option {
			width: 175px;
			float: left;
			height: 20px;
			line-height: 15px;
			font-size: 1.1em;
		}
		.customize .designOpt .option input {
			width: 12px;
			height: 12px;
			margin: 2px 5px 0 0;
			float: left;
		}
		.customize .designOpt .option span {
			float: left;
		}
		.customize .designOpt .option a.help {
			margin: 0 0 0 10px;
			float: left;
			position: relative;
			z-index: 12000;
		}

		.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;
	}
		#express .printOpts {
			width: 369px;
			padding: 0 0 5px 0;
			margin: 0 0 12px 0;
			background: url(../img/rc/bColSteps/gboxBtm.png) no-repeat -1px bottom;
			position: relative;
			overflow: hidden;
		}	
		#express .printOpts .row {
			width: 100%;
			margin: 0 0 0 1px;
			padding: 11px 0;
			border-top: 1px solid #e3e3e3;
			_border-top: expression((this==this.parentNode.firstChild) ? "none":"1px solid #e3e3e3");
		}
		#express .printOpts .row:first-child {
			border-top: none;
		}
		#express .printOpts label {
			width: 125px;
			padding: 0 0 0 10px;
			float: left;
			*line-height: 18px;
			font-size: 1.1em;
			color: #333;
		}
		#express .printOpts fieldset {
			padding: 0 14px 0 0;
			float: left;
			*line-height: 18px;
		}
		#express .printOpts fieldset input {
			margin: 0 5px 0 0;
			_margin: 0 3px 0 0;
			padding: 0;
			width: 13px;
			vertical-align: top;
			float: left;
		}