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

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

img.header {
	margin: 9px 0 12px 0;
}

#recycleShop {
	padding: 0 16px 45px 16px;
}
	div.rbox {
		width: 100%;
		margin: 0 0 28px 0;
		background: url(../img/rc/bColBrowse/bg.rbox.gif) no-repeat bottom left;
	}
	div.rbox .tbar {
		padding: 0 5px 0 17px;
		height: 35px;
		background: url(../img/rc/bColBrowse/top.tbar.green.gif) no-repeat 0 0;
		position: relative;
	}
	div.rbox .tbar h1 {
		font-size: 1.5em;
		color: #fff;
		line-height: 35px;
		float: left;
	}
	div.rbox .tbar h1 span {
		color: #feffb0;
		font-size: .92em;
	}
	
	.rbox a.select {
		height: 20px;
		margin: 7px 17px 0 12px;
		padding: 0 0 0 12px;
		display: inline;
		background: url(../img/btn/select/large.bg.green.png) no-repeat 0 0;
		float: right;
		color: #666;
		font-size: 1.1em;
		text-decoration: none;
		line-height: 20px;
	}
	.rbox a.select:hover {
		color: #ffa900;
	}
	.rbox a.select span {
		float: left;
		cursor: pointer;
	}
	.rbox a.select img {
		float: left;
		position: relative;
		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 12px 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: 6px;
		right: 14px;
	}

	/* 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;
	}
	#colorScroll #colorSets {
		width: 20000px;
	}
		#colorSets ul.colorSet {
			list-style: none;
			float: left;
		}
		#colorSets ul.colorSet li {
			width: 95px;
			height: 160px;
			padding: 0 5px 0 0;
			float: left;
		}
		#colorSets ul.colorSet li img {
			padding: 1px;
			border: 1px solid #d7d7d7;
			margin: 0 0 7px 0;
		}
		#colorSets ul.colorSet li a:hover img {
			border: 1px solid #f67a00;
		}
		#colorSets ul.colorSet li a {
			width: 80px;
			display: block;
			text-align: left;
		}
		#colorSets ul.colorSet li p {
			width: 80px;
			margin: 0;
			padding: 5px 0 5px 0;
			color: #0f7d00;
			font-size: 1.0em;
			line-height: 11px;
			text-transform: capitalize;
		}
			#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: 639px;
				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;
			}
			
	#recommened {
		width: 100%;
	}
	#recommened div.aCol {
		width: 475px;
		float: left;
	}
		#sizeChart {
			width: 453px;
			padding: 0 0 20px 0;
			background: url(../img/rc/bColBrowse/sizeChart.bg.gif) no-repeat bottom left;
		}
		#sizeChart h1 {
			height: 35px;
			padding: 0 0 0 16px;
			font-size: 1.4em;
			line-height: 35px;
			color: #fff;
			background: url(../img/rc/bColBrowse/sizeChart.top.green.gif) no-repeat 0 0;
		}
		#sizeChart table {
			width: 422px;
			margin: 0 auto;
			border-collapse: collapse;
			text-align: left;
		}
		#sizeChart table col.aCol {
			width: 35%;
		}
		#sizeChart table col.bCol {
			width: 65%;
		}
		#sizeChart table th {
			padding: 20px 0 10px 10px;
			font-weight: bold;
			font-size: 1em;
			border-bottom: 1px solid #efefef;
		}
		#sizeChart table td {
			height: 30px;
			padding: 4px 0 4px 10px;
			font-size: 1.1em;
			line-height: 30px;
		}
		#sizeChart table td img {
			margin: 0 7px 2px 0;
		}
		#sizeChart table tr.odd td img {
			margin-top: 3px;
		}
		#sizeChart table td:last-child {
			text-align: left;
		}
		#sizeChart table tr.odd td {
			padding: 0 0 0 10px;
			background: #efefef; url(../img/rc/bColBrowse/sizeChart.grayRow.gif) no-repeat 0 0;
		}

	#recommened div.bCol {
		width: 242px;
		float: left;
	}
		#featured {
			width: 216px;
		}
		#featured h1 {
			margin: 0 0 12px 0;
			font-size: 1.5em;
			color: #f60;
			line-height: 20px;
			text-indent: 0;
			background: none;
			height: auto;
			width: auto;
		}
		#featured .colA {
			width: 117px;
			float: left;
		}
		#featured .colB {
			width: 99px;
			float: left;
		}
		#featured img {
			margin: 0 0 12px 0;
		}
		#featured h2 {
			margin: 0 0 10px 0;
			font-size: 1.1em;
		}
		#featured ul {
			list-style: none;
		}
		#featured ul li {
			font-size: 1.1em;
			margin: 0 0 6px 0;
		}
		#featured ol {
			list-style: inside disc;
		}
		#featured ol li {
			font-size: 1.1em;
			margin: 0 0 5px 0;
		}
			#tagLine {
				padding: 15px 0 0 0;
				margin: 15px 0 0 0;
				border-top: 1px solid #d7d7d7;
			}
			.borderTop {
				padding: 15px 0 0 0;
				margin: 15px 0 0 0;
				border-top: 1px solid #d7d7d7;
			}
		#note {
			padding: 20px 0 1px 0;
			text-align: left;
		}
		
		#promoButtons {
			padding: 30px 0 1px 0;
		}
		#promoButtons ul {
			list-style: none;
		}
		#promoButtons ul li {
			float: left;
			margin: 0 0 0 12px;
			_margin: expression((this==this.parentNode.firstChild)?"0":"0 0 0 12px");
		}
		#promoButtons ul li:first-child {
			margin: 0;
		}
		#promoButtons ul li a {
			width: 230px;
			height: 83px;
			display: block;
			text-indent: -999px;
			overflow: hidden;
		}
		#promoButtons ul li a.gift {
			background: url(../img/btn/sendGifts.png) no-repeat 0 0;
		}
		#promoButtons ul li a.festive {
			background: url(../img/btn/festiveEnvelopes.png) no-repeat 0 0;
		}
		#promoButtons ul li a.greeting {
			background: url(../img/btn/photoGreeting.png) no-repeat 0 0;
		}
		#promoButtons ul li a:hover {
			background-position: 0 -93px;
		}