/* @override http://localhost:8888/style/screen.css */

/* screen.css: styles for screen device */


/*  GLOBAL  */
* {
	font-family: arial, tahoma, helvetica, sans-serif;
	color: #555;
	font-size: 11px;
}	
	html {
		background-color: #fff; 
		height: 100%;
	}
	body, div, span, form {
		margin:0; 
		padding:0; 
		border:0; 
		text-align:left; 
		vertical-align:top;
	}
	body {
		min-width:960px; 
		text-align:center;
		font-family: helvetica, arial;
	}
	p, h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0 0 15px 0;
	}
	p.last {
		margin-bottom: 0;
	}
	li {
		margin-bottom: 5px;
	}
	img {
		border: 0;
	}
			img.left {
				margin-right: 10px;
			}
			img.right {
				margin-left: 10px;
			}
	a, a * {
		color: #62a0ca; 
		text-decoration:none;
	}
			a:hover, a:hover * {
				color: #3d3938;
				/* text-decoration: underline;*/
			}
	em {
		color:#acacac;
		font-style: normal;
	}
	h1 {
		font-family: helvetica, arial;
		margin: 0;
		padding: 0;
		padding: 10px 0 15px 10px;
		line-height: 26px;
		font-size: 24px;
		font-weight: bold;
	}
	h1 a {
		font-size: 24px !important;
		font-weight: bold !important;
	}
	h1 font, h1 span {
		float: left;
		height: 27px;
		margin-right: 5px; 
		font-size: 24px !important;
		font-weight: bold !important;
	}
	h1 font {
		color: #62a0ca;
	}
	h1 span {
		margin-right: 0; 
	}
	h1 em, h2 em {
		font-family: helvetica, arial;
		font-style: normal;
		font-size: 24px;
		line-height: 24px;
		color: #888;
	}
	h1 strong {
		font-family: helvetica, arial;
		font-style: normal;
		font-size: 24px;
		line-height: 24px;
		color: #888;
	}
	h2 {
		font-size: 18px
	}
	h2 em {
		font-size: 18px;
		padding-bottom: 2px;
	}
	h2.grey {
		color: #949599;
		line-height: 130%;
	}
	h2 * { 
		vertical-align: baseline!important;  
	}
	h2 span { font-size: 100%; }
	h2 sup { vertical-align: super!important; }
	h2 small { font-size: 75%; }
	h3 {
		font-size: 14px;
		margin-bottom:0; 
		padding-bottom: 1px;
	}
	iframe {
		display: none;
	}


/* UTILITY */
	.clean { 
		overflow: hidden; 
	}
	.clear-both { 
		clear: both; 
	}
	.hr * {
		display: none;
	}
	.hr {
		height: 15px; 
		border-top: 1px dashed #b8b7b7;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.clear {
		clear:both;overflow:
		hidden;
		height:0;
	}
 	.folding {
		height: 100px;
		padding-right:0px !important;
	}
	.nomargin-right {
		margin-right:0px !important;
	}
	.hands {
		cursor: pointer;
		cursor: hand;
	}
	.red { 
		color: red !important; 
	}
	.grey { 
		color: #939598!important; 
	}
	.whitebg { 
		background-color: #FFF !important; 
	}
	.but {
			position: absolute;
			right:15px;
	}
	.sum {
		position: absolute;
		right: 10px;
	}
	.inline {
		float:left;
	}
	.sum-title {
		font-weight: normal;
		margin-top: 1px;
		margin-right: 90px;
	}
	
	.item-title {
		margin-bottom:0; 
		width: 200px; 
		float:left;
	}
	
	.discount-total{
		height: 30px;
	}


/* SIZING */
	.big, .big * {
		font-size: 20px;
		font-weight: normal;
		line-height: 20px !important;
	}
	strong.big, strong.big * {
		margin-top: 0px;
		line-height: 20px !important;
	}
	.my_big {
		position:absolute;
		top:11px;
		right:94px; 
		font-size: 20px;
		font-weight: normal;
		line-height: 20px !important;
		border:solid 0px;
		height:20px;
		padding:0px;
		color:#939598;
	}
	.my_big_checkout {
		position:absolute;
		top:15px;
		right:104px; 
		font-size: 20px;
		font-weight: normal;
		line-height: 20px !important;
		border:solid 0px;
		height:20px;
		padding:0px;
		color:#939598;
	}
	.huge * {
		font-size: 20px;
	}
			.huge p {
				color: #888;
				line-height: 26px !important;
			}
			.huge strong {
				font-weight: normal;
			}


/* FORMS */
	form {
		padding: 5px 0 5px 0;
		padding: 0;
	}
	input {
		padding: 2px; 
		border: 1px solid #c4c3c3;
	}
	.checkbox, .radio {
		border-width: 0 !important;
		cursor: pointer;
		cursor: hand;
	}
	input, textarea {
		padding: 2px 3px 2px 4px;
		border: 1px solid #d1d3d4;
	}
	input.blank, textarea.blank {
		color: #d7d7d7;
		font-style: oblique;
	}
	/* focus-related style */
	input.focus, textarea.focus {
		border: 1px solid #aeadad;
	}	
	.form{
	}
			.form label {
				display: block !important;
				float: none;
			}
			.form input {
				width: 180px;
				margin-bottom: 5px;
				color: #797a7b;
			}
			.form select {
				width: 186px;
			}
			.form em {
				position: absolute;
				left: 245px;
				width: 220px;
				line-height: 17px;
				color: #c2c2c2;
				font-style: normal;
			}
			.form em * {
				color: #c2c2c2;
			}
			.form .checkbox, .form .radio {
				width: auto;
				border-width: 0;
			}
			.form .state {
				width: 92px;
				float: left;
			}
			.form .zip {
				width: 78px;
				margin-left: 10px;
			}



/* CONTAINERS  */
	#wrapper {
		position: relative;
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 60px;
	}
			#wrapper .wide  {
				width: 840px;
			}
	#body {
		margin-left: 230px;
		min-height: 408px;
		padding: 5px 5px 5px 5px;
		background: #d1d0d0 url(i/fff.gif) no-repeat left top;
	}	




/* ANIMATION  */

	.no_opacity{
		opacity : 0;
	}
	.half_opacity{
		opacity : 0.5;
	}
	.full_opacity{
		opacity : 1;
	}
	.show{
		display:block;
	}
	.hide{
		display:none;
	}
	
	


/* DATA ROWS */
	.row {
		position: relative;
		border-top: 1px solid #ececec;
		padding: 11px 11px;
		line-height: 17px;
		background-color: #fff;
		min-height: 20px;
	}
			.row * {
				vertical-align: middle;
			}
			.row label {
				display: block;
			/*
				float: left;
				width: 250px;
			*/
			}
			.row a, .row em {
				vertical-align: top;
			}
			.row-special {
				background-color: #f4f4f4;
			}
			.row-special2 {
				padding: 5px;
				background-color: #ffb300;
			}
			.row-special3 {
				padding: 5px;
				background-color: #f4f4f4;
			}
			.row-special3 strong {
				line-height: 18px !important;
			}
			.row-special4 {
				padding: 5px;
				background-color: #c2c2c2;
			}
			.row-special5 {
				padding: 5px;
				background-color: #f4f4f4;
			}
			.row-special6 {
				padding: 5px;
				background-color: #888;
			}
			.row-special7 {
				padding: 5px;
				background-color: #adc6a5;
			}
			.row-special8 {
				padding: 5px;
				background-color: #bbd7ea;
			}
			.row-half { 
				float:left; 
				margin-right:4px; 
				width:276px;
				height:80px; 
			}
			.row-half-last { margin-right: 0px; }
			.new-banner { background-image: url(/images/NewBanner.gif); background-repeat: no-repeat; background-position: top right; }
			.new-banner p { padding-right: 10px; }
			.row .checkbox {
				padding: 0;
			}
			.row-section {
				border-top-width: 0 !important;
				margin-top: 5px;
			}
			.row-special0 {
				background-color: transparent;
				height: 30px !important;
			}
			.row-special0 * {
				font-weight: bold !important;
				font-size: 24px !important;
				line-height: 21px !important;
			}
			.row-special10 {
				background-color: transparent;
				height: 20px !important;
			}
			.row-special10 * {
				font-weight: bold !important;
				font-size: 24px !important;
				line-height: 21px !important;
			}
			.section-my_jobs .row-special, .section-proof .row-special {
				background-color: #e8f1f7;
			}
			.section-new_job .row-special {
				background-color: #eaf0e8;
			}
			.section-new_job .row-special3 {
				background-color: #adc6a5;
			}
			.row h1 {
				padding: 5px 0 20px 0px;
			}
			.row h1 em {
				display: block;
				padding-top: 10px;
			}
			.row-first, .row-both {
				border-top-width: 0 !important;
			}
			.row-first .corner-bottom-left, .row-first .corner-bottom-right {
				display: none;
			}
			.row-last .corner-top-left, .row-last .corner-top-right {
				display: none;
			}			
			

/* SIDE ROW */
.side-row {
	position: absolute;
	top: 65px;
	right: 5px;
	width: 240px;
	border-top-width: 0;
}
		.side-row form {
		}
		.side-row form {
			width: 240px;
			display: block;
			padding: 0 !important;
			margin: 0 !important;
			text-align: right;
		}
		.side-row div {
			text-align: right;
			padding-top: 10px;
		}
		.side-row input {
			width: 100%;
			max-width: 100%;
			padding: 3px 3px 3px 4px;
			margin-bottom: 4px;
			color: #aeb0b2;
			border: 1px solid #d1d3d4;
		}
		.side-row select {
			width: 230px;
			margin-bottom: 4px;
			color: #aeb0b2;
		}
		.side-row .state {
			width: 92px;
			float: left;
		}
		.side-row .zip {
			width: 140px;
			max-width: 139px;
			margin-left: 0px;
		}
		



/* SUBMIT BUTTONS */
	.submit {
		margin: 0px 0px 0px 5px;
	
		display: -moz-inline-box;	
		display: inline-block;
		
		background: transparent url(i/new-button-left.gif) no-repeat top left;
	}
			.submit button, .submit input {
				padding: 2px 7px 2px 5px;
				margin: 0px 0px 0px 2px;
				
				height: 20px;
				
				background: transparent url(i/new-button.gif) no-repeat top right;
				color: #fff !important;
				
				border-width: 0;
				cursor: pointer;
				white-space: nowrap;
			}
			.submit:hover, .submit_hover {
				background-position: center left;
			}
			.submit:hover button, .submit_hover button, .submit:hover input, .submit_hover input {
				background-position: center right;
			}
			.submit-first {
				margin-left: 0;
			}
			.submit-cancel {
				margin: 0;
				/*
				background-color: #888 !important;
				background-color: transparent !important;*/
			}
			.submit-continue {
				background: transparent url(i/new-button-left.gif) no-repeat top left;
			}
					.submit-continue button {
						padding: 2px 27px 2px 5px;
						margin: 0px 0px 0px 2px;
						background: #fff url(i/new-button-continue.gif) no-repeat top right;
					}
			.submit-new {
				background-color: #33701f;
			}
					.submit-new:hover {
						background-color: #88ae8f;
					}
			.submit-disabled {
				background-position: bottom left!important;;
				/*background-color: #e1e1e1 !important;*/
			}
					.submit-disabled button {
						background-position: bottom right!important;;
					}
					.submit-disabled button {
						cursor: default !important;
					}
			.submit-inline {
				padding-left: 0;
			}
					.submit-inline button {
						color: #62a0ca;
					
						padding: 0;
						margin: 0;
					
						border-width: 0;
						background-color: transparent;
					
						cursor: pointer;
						cursor: hand;
					}
					.submit-inline button:hover {
						color: #1f78b4;
					}
	.button {
			position: relative;
	}
			.button .corner {
				background-color: #fff;
			}
			.button-start-new-job {
				display: block;
				height: 40px;
				width: 210px;
			
				color: #478747 !important;
				font-size: 22px;
				line-height: 40px !important;
				text-align: center;
			
				background: #ebf1e9 url(i/icon-job-new.gif) no-repeat 12px center !important;
			}
			.button-start-new-job:hover {
				background-color: #c2d4bc !important;
			}



/* TOOLTIP */
	#tooltip{
	
	}
		#tooltip-box {
			position: absolute;
			z-index: 1000 !important;
		
			height: auto;
			width: 235px;
			background-color: #f1f1f1;
		
			padding: 10px 10px 0 10px;
			border: 1px solid #c4c3c3;
		}
		#tooltip-box h1 {
			padding: 0;
			padding-bottom: 6px;
			margin-left: 0;
			margin-right: 0;
		}
		#tooltip-bg {
			position: absolute;
		
			top: 0;
			left: 0;
		
			width: 0;
			height: 0;
		
			filter: alpha(opacity = 50);
		
			z-index: 10;
		}



/* CORNERS */
	.corner {
		position: absolute;
		width: 1px;
		height: 1px;
		line-height: 40px;
		background-color: #d1d0d0;
		overflow: hidden;
	}
			.corner-top-left {top: 0; left: 0;}
			.corner-top-right {top: 0; right: 0;}
			.corner-bottom-left {bottom: 0; left: 0;}
			.corner-bottom-right {bottom: 0; right: 0;}
			.corner .row {
				background-color: #fff;
			}
			.corner .section-new_job  {background-color: #d4e0d0;}
			.corner .section-my_jobs .corner, .section-proof .corner {background-color: #d2e4f0;}










/****** GLOBAL INTERFACE ******/	

/* PRIMARY NAVIGATION */
	#primary-navigation {
		position: absolute;
		top: 60px;
		left: 0;
		width: 231px;
		margin: 0;
		padding: 0;
	}
			#primary-navigation li {
				margin: 0 0 1px 0;
				padding: 0;
				float: left;
				clear: left;
				width: 230px;
				background-color: #ebebeb;
				list-style-type: none;
			}
			#primary-navigation li.hover {
				background-color: #d1d0d0 !important;
				color: red;
			}
			#primary-navigation a {
				position: relative;
			
				display: block;
			
				padding: 7px;
				padding-left: 30px; 
			
				line-height: 14px;
				border-right: 5px solid #fff;
				color: #3aa2d6;
			}
			#primary-navigation a:hover {
				text-decoration: none;
				color: #3d3938;
			}
			#primary-navigation li.current {
				width: 231px;
				background-color: #d1d0d0;
			}
			#primary-navigation li.current a {
				color: #3d3938;
				font-weight: bold;
				border-right-width: 0;
				border-right: 7px solid #d1d0d0;
			}
			#primary-navigation .home {background: #ebebeb url(i/nav-bg.gif) no-repeat left top;}
			#primary-navigation .account {background: #ebebeb url(i/nav-bg.gif) no-repeat left bottom;}
			#primary-navigation .home a {background: transparent url(i/icon-home.gif) no-repeat 5px center;}
			#primary-navigation .templates a {background: transparent url(i/icon-templates.gif) no-repeat 5px center;}
			#primary-navigation .proofing-tool a {background: transparent url(i/icon-proofing-tool.gif) no-repeat 5px center;}
			#primary-navigation .products a {background: transparent url(i/icon-products.gif) no-repeat 5px center;}
			#primary-navigation .printing a {background: transparent url(i/icon-printing.gif) no-repeat 5px center;}
			#primary-navigation .design-support a {background: transparent url(i/icon-design-support.gif) no-repeat 5px center;}
			#primary-navigation .holiday-cards a {background: transparent url(i/icon-holiday-cards.gif) no-repeat 5px center;}
			#primary-navigation .account a {background: transparent url(i/icon-account.gif) no-repeat 5px center;}


/* JOB NAVIGATION */
	#jobs-navigation{}
			#jobs-navigation .jobs-paging {
				width: 220px !important;
				padding: 3px 5px !important;
				padding-right: 0 !important;
				margin: 0 !important;
				font-size: 10px !important;
				background-color: #f4f8fb !important;
			}
			#jobs-navigation .jobs-paging span {
				display: block !important;
				float: left !important;
				color: #bcd7e9;
				font-size: 10px !important;
			}
			#jobs-navigation .jobs-paging a {
				float: left !important;
				padding: 0 1px 0 2px !important;
				margin: 0 !important;
				font-size: 10px !important;
				border-width: 0 !important;
				background-image: none !important;
			}
			#jobs-navigation .jobs-paging .current {
			color: #000 !important;
		}


/* NEW JOB NAVIGATION */
	#newjob-navigation {
	width: 230px;

	margin: 0;
	padding: 0;
}
			#newjob-navigation .prelogin {
				position: absolute;
				left: 0;
				top: 267px;
			}
			#newjob-navigation .postlogin {
				position: absolute;
				left: 0;
				top: 267px;
			}
			#newjob-navigation li {
				margin: 0 0 1px 0;
				padding: 0;
			
				float: left;
				clear: left;
				width: 230px;
			
				background: #ebf1e9 url(i/li-jobs.gif) no-repeat left top !important;
			
				list-style-type: none;
			}
			#newjob-navigation li.hover {
				background: transparent url(i/li-jobs.gif) no-repeat left top !important;
			}
			#newjob-navigation a {
				position: relative;
			
				display: block;
			
				padding: 8px 7px 8px 30px;
			
				line-height: 14px;
			
				border-right: 5px solid #fff;
				background: transparent url(i/icon-job-new.gif) no-repeat 5px center;
				color: #33701f;
			}
			#newjob-navigation a:hover {
				text-decoration: none;
				color: #33701f;
				background-color: #c2d4bc;
			}
			#newjob-navigation li.current {
				background-color: #c2d4bc !important;
			}
			#newjob-navigation li.current a {
				color: #3d3938;
				font-weight: bold;
				border-right-width: 0;
			}


/* NEW JOB NAVIGATION */
	#my_newjob-navigation {
		position: absolute;
		top: 235px;
		left: 0;
		width: 230px;
		margin: 0;
		padding: 0;
	}
			#my_newjob-navigation li {
				margin: 0 0 1px 0;
				padding: 0;
				float: left;
				clear: left;
				width: 230px;
				background: #ebf1e9 url(i/li-jobs.gif) no-repeat left top !important;
				list-style-type: none;
			}
			#my_newjob-navigation li.hover {
	background: transparent url(i/li-jobs.gif) no-repeat left top !important;
}
			#my_newjob-navigation a {
	position: relative;

	display: block;

	padding: 8px 7px 8px 30px;

	line-height: 14px;

	border-right: 5px solid #fff;
	background: transparent url(i/icon-job-new.gif) no-repeat 5px center;
	color: #33701f;
}
			#my_newjob-navigation a:hover {
	text-decoration: none;
	color: #33701f;
	background-color: #c2d4bc;
}
			#my_newjob-navigation li.current {
				background-color: #c2d4bc !important;
			}
			#my_newjob-navigation li.current a {
	color: #3d3938;
	font-weight: bold;
	border-right-width: 0;
}


/* JOBS NAVIGATION */
	#jobs-navigation {
			position: absolute;
			top: 302px;
			left: 0;
			width: 230px;
			margin: 0;
			padding: 0;
	}
			#jobs-navigation li {
				margin: 0 0 1px 0;
				padding: 0;
			
				float: left;
				clear: left;
				width: 230px;
			
			/*	background: #e8f1f7 url(i/li-jobs.gif) no-repeat left top !important;*/
				background-color: #e8f1f7;
			/*	background-color: #ebebeb;*/
			
				list-style-type: none;
			}
			#jobs-navigation li.hover {
			/*	background: #d2e4f0 url(i/li-jobs.gif) no-repeat left top !important;*/
				background-color: #d2e4f0;
			}
			#jobs-navigation span {
				color: #888;
				font-weight: normal;
			}
			#jobs-navigation a {
				position: relative;
				display: block;
				padding: 8px 7px;
				line-height: 14px;
				border-right: 5px solid #fff;
				color: #3aa2d6;
			}
			#jobs-navigation li.li-head span {
				position: relative;
				display: block;
				padding: 3px 7px;
				line-height: 14px;
				border-right: 5px solid #fff;
				color: #3d3e42;	
			}
			#jobs-navigation a:hover {
				text-decoration: none;
				color: # ;
			}
			#jobs-navigation li.current {
				background-color: #d2e4f0 !important;
			}
			#jobs-navigation li.current a {
				color: #555;
				font-weight: bold;
				border-right-width: 0;
			}
			#jobs-navigation img {
				position: absolute;
				left: 158px;
				margin-top: -1px;
			}
			#jobs-navigation .current img {
				margin-right: 5px;
			}
			#jobs-navigation span.date {
				position: absolute;
				right: 5px;
			}
			#jobs-navigation li.current span.date {
				right: 10px;
			}
			#jobs-navigation li.li-head {
				background-color: #f4f8fb!important;
			}
			
			
			
			
			
			
			
			
			
/****** CONTENT ******/			

/** ADMIN **/
	/* ADMIN */
	.admin-form{
	}
			.admin-form .section { 
					border-bottom: 1px dotted #ccc;
					padding: 0px 0px 5px 0px;
			}
			.admin-form div.section { 
					margin: 10px 10px 10px 10px;
			}
			.admin-form div p { 
					overflow: hidden;
					margin-bottom: 0px;
			}
			.admin-form label { 
					display: block;
					float: left;
					margin-left: 20px;
			}
			.admin-form label:first-child { 
					margin: 0px;
			}
			.admin-form label span { 
					width: 120px;
					float:left !important;
			}
			.admin-form label input { 
					float:left;
					width: 171px;
			}
			.admin-form span.mockinput { 
					display:block !important;
					float:left !important;
					width: 400px;
			}
			.admin-form div.divinput { 
					position: relative;
					float:left !important;
					width: 400px;
					margin-left: 150px;
			}
			.admin-form label select { 
					width: 180px;
			}
			.admin-form label select#state { 
					width: 105px;
			}
			.admin-form label input#zip { 
					width: 46px;
			}
			.admin-form p.note { 
					float: right;
					width: 180px;
			}


/** ACCOUNT **/
	/* REGISTRATION */
	.registration-form{}
			.registration-form div.section { margin-bottom: 20px; }
			.registration-form div p { overflow: hidden; margin-bottom: 0px; }
			.registration-form label { display: block; float: left; margin-left: 20px; }
			.registration-form label:first-child { margin-left: 0px; }
			.registration-form label span { display: block; }
			.registration-form label input { width: 171px; }
			.registration-form label select { width: 180px; }
			.registration-form label select#state { width: 105px; }
			.registration-form label input#zip { width: 46px; }
			.registration-form p.note { float: right; width: 180px; }

	/* LOGOUT */
	.page-account-logout{
	}
			.page-account-logout .row-last h2 { margin-bottom: 12px; }
			.page-account-logout form#form-login p { width: 170px; margin-bottom: 5px; }
			.page-account-logout form#form-login input.text { width: 161px; }


	/* LOGIN */
	#login-panel {
		position: absolute;
		top: 39px;
		right: 0;
		width: 400px;
		height: 22px;
		padding-right: 111px;
		line-height: 22px;
		text-align: right;
		background: transparent url(i/fff.gif) no-repeat right bottom;
	}
			#login-panel .help {
				position: absolute;
				top: 1px;
				right: 10px;
				display: block;
				width: 90px;
				height: 20px;
				background: transparent url(i/help-bg.gif) no-repeat 0 -30px;
				text-align: center;
				color: #fff;
				font-weight: normal;
				line-height: 20px;
			}
			#login-panel .active {
				text-decoration: none;
				background-position: left top;
			}
			#login-panel .help:hover {
				text-decoration: none;
				background-position: left top;
			}
	#member-login{}
			#member-login .corner {
				background-color: #fff;
			}
			#member-login {
				position: absolute;
				left: 0;
				top: 267px;
				width: 225px;
			}
			#member-login h2 {
				margin-bottom: 0;
			}
			#member-login .row {
				padding: 4px 10px 4px 10px;
				border-top-width: 0;
				background-color: #d2e4f0;
				line-height: 22px;
				min-height: 22px;
				text-align: right;
			}
			#member-login label {
				float: left;
				width: 70px;
				line-height: 22px;
				text-align: left;
			}
			#member-login input {
				width: 120px;
			}
			#member-login .row-submit {
				text-align: right;
				padding-bottom: 6px;
			}
			#member-login .row-submit a {
				position: absolute;
				left: 10px;
				margin-top: -1px;
			}
			#member-login .row-submit .submit {
				line-height: 17px !important;
			}
			#member-login .row-first {
				border-bottom: 1px solid #fff;
				text-align: left;
			}
			#member-login .row-last {
				border-top: 1px solid #fff;
				text-align: left;
			}v



/* HOME */
	/* DEFAULT HOME */
	#gap { overflow: hidden; width: 370px; height: 158px; position: relative; }

	.page-home{
	}
			.page-home .section-first {
				background-image: url(/images/home/sample_kit_home.jpg); background-repeat: no-repeat; background-position: top right; 
			}
			.page-home .section-first h1 {
				font-size:42px; letter-spacing: -1px; line-height: 24pt!important;  margin: 6px 0px 23px 0px; 
			}
			.page-home .section-first h2.grey {
				width: 360px; line-height: 25px!important; 
			}
			.page-home .section-first .row {
				background: #F3F3F3; overflow: hidden; 
			}
			.page-home .section-first .row-first {
				margin-top: 25px; padding-bottom: 7px; 
			}
			.page-home .section-first .row-first h2 {
				margin-bottom: 0px; line-height: 24px!important; 
			}
			.page-home .section-first .row-first .pseudo-button {
				margin-top: -4px; 
			}
			
			.page-home .section-first .row-last {
				border-top-color: #D1D0D0; 
			}
			.page-home .section-first .row-last p {
				margin-bottom: 9px; padding-top: 6px; 
			}
			.page-home .section-first .row-last ul {
				list-style: none inside; padding: 0px; margin: 0px; 
			}
			.page-home .section-first .row-last ul li {
				width: 160px; margin: 0px; padding: 2px 3px 0 0px; line-height: 18px!important; vertical-align: middle; 
			}
			.page-home .section-first .row-last ul li.current {
				background-color: #FAFAFB; 
			}
			.page-home .section-first .row-last ul li.current a {
				color: #57575A; cursor: default; 
			}
			.page-home .section-first .row-last h2 {
				margin-bottom: 0px; 
			}
			
			.page-home .section-first .row-last p.decrease {
				padding-top: 3px; 
			}
			.page-home .section-first .row-last p.decrease * {
				vertical-align: baseline!important; 
			}
			.page-home .section-first .row-last ol.decrease {
				padding: 0px; margin: 0 0 12px 0; list-style-position: inside; 
			}
			.page-home .section-first .row-last big,
			.page-home .section-first .row-last ol.decrease li, 
			.page-home .section-first .row-last ol.decrease li * {
				margin: 0px; font-weight: bold; font-size:18px; line-height: 28px!important; color: #57575A; 
			}
			.page-home .section-first .row-last ol.decrease li a {
			color: #1F78B4; font-weight: normal; 
			}
			
			.page-home .row-half {
			
			}
			.page-home .row-l {
				background: #f5a321; 
			}
			.page-home .row-l a {
				color: #4280b6!important; 
			}
			.page-home .row-half-last {
				background: transparent url('/images/home/4by6_Recycled_BG.gif') no-repeat; 
			}
			.page-home .row-half-last_green {
				background: transparent url('/images/home/4by6_Green_BG.gif') no-repeat;
			}
			.page-home .row-half * {
				color: #fff;  
			}
			.page-home .row-half h2 {
				margin: 8px 0px 6px 0px; 
			}
			.page-home .row-half p {
				line-height: 15px!important; margin-bottom: 4px; padding-right: 25px; 
			}
			.page-home .row-half p.links {
				margin-bottom: 0px; 
			}
			.page-home .row-half p.links a {
				padding: 0px 2px; color: #A8A4A6; 
			}
			/* single banner*/
			.page-home .row-l1 {
				background:  url('/images/home/4by6_blue_BG.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-r1 {
				margin-right:0px !important;
				padding: 0;
				height: 100px;
				width: 600px;
			}
			.page-home .row-l2 {
				background:  url('/images/home/4by6_BG3.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-r2 {
				background:  url('/images/home/4by6_BG4.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-l3 {
				background:  url('/images/home/4by6_BG4_brown.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-r3 {
				background:  url('/images/home/4by6_BG5.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-l4 {
				background:  url('/images/home/4by6_BG5.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-r4 {
				background:  url('/images/home/4by6_BG5.gif') no-repeat !important;
				margin-right:0px !important;
			}
			.page-home .row-half p.new_links {
				margin-bottom: 0px; 
			}
			.page-home .row-half p.new_links a {
				padding: 0px 0px; color: #fff200;font-weight:bold; 
			}
			.page-home  p.my_row {
				line-height: 13px!important; margin-bottom: 4px; padding-right: 20px;font-weight:bold !important; 
			}





/** ORDERING **/


	/* New Job */
	.newjob-total-label  {
			position:absolute;
			top:8px;
			right:94px; 
			height:20px;
			padding:0px;
			color:#939598;
			font-weight: bold !important;
			font-size: 18px !important;
			line-height: 21px !important;
	}
			.newjob-subtotal  {
					font-weight: bold !important;
					font-size: 18px !important;
					line-height: 21px !important;
					top:8px;
					
					/*
					float:right; 
					font-size:18px; 
					line-height: 24px; 
					margin-top:-18px;
					*/
			}

/*
	.big, .big * {
		font-size: 20px;
		font-weight: normal;
		line-height: 20px !important;
	}
	strong.big, strong.big * {
		margin-top: 2px;
		line-height: 24px !important;
	}
	.my_big {
		position:absolute;
		top:11px;
		right:94px; 
		font-size: 20px;
		font-weight: normal;
		line-height: 20px !important;
		border:solid 0px;
		height:20px;
		padding:0px;
		color:#939598;
	}
*/

	/* NEW JOB PRINTING */





	/* CARDS */
	.card-row {
	position: relative;
}
			.card-row .size {
				position: absolute;
				left: 120px;
				font-weight: bold;
				font-size: 16px;
				padding-top: 0px;
				color: #888;
			}
			.card-row .quantity {
				position: absolute;
				left: 40px;
				margin-top: -1px;
			}
			.card-row .quantity_fixed {
				position: absolute;
				left: 60px;
				font-weight: bold;
				font-size: 16px;
				padding-top: 0px;
				color: #888;
			}
			.card-row .promo {
				position: absolute;
				left: 330px;
			}
			.card-row .status {
				position: absolute;
				left: 310px;
				color: #888;
			}
			.card-row .status * {
				color: #888;
			}
			.card-row .price {
				position: absolute;
				right: 10px;
				font-size: 20px;
				line-height: 20px !important;
				margin-top: -2px;
				color: #888;
			}
			.card-row .name {
				font-size: 16px;
				color: #888;
			}
			.card-row .submit, .card-row .submit-inline {
				height: 19px !important;
				position: absolute;
				right: 107px;
			}

	.newcard-row {
		position: relative;
		height: 65px;
	
		background-color: #eaf0e8;
	}
			.newcard-row h2 {
				margin-bottom: 0;
				padding-bottom: 25px;
			}
			.newcard-row label {
				position: absolute;
			
				float: none !important;
				width: auto !important;
			}
			.newcard-row .size-title, .newcard-row .quantity-title, .newcard-row .sets-title {
				top: 35px;
			}
			.newcard-row .quantity-title {
				left: 217px;
			}
			.newcard-row .sets-title {
				left:345px;
			}
			.newcard-row select {
				margin-right: 10px;
			}
			.newcard-row .size {
				position: absolute;
				width:200px;
			}
			.newcard-row .quantity {
				left:217px;
				position:absolute;
				width:110px;
				
				
			}
			.newcard-row .sets {
				position: absolute;
				left:345px;
			}
			.newcard-row .card-price {
				position: absolute;
				right: 110px;
				font-size: 20px;
				line-height: 20px !important;
			}
			.newcard-row .submit-box {
				display: block;
				text-align: right;
			}
			.newcard-row .my_x {
				position:absolute;
				top:27px;
				left:333px;
				font-weight:bold;
				color: #737679;
				}
	.newcard-row2 {
		height: 20px;
		padding-top: 25px;
	}
			.newcard-row2 .size-title, .newcard-row2 .quantity-title, .newcard-row2 .sets-title {
				top: 5px;
			}


	.newcard-product {
			position: relative;
			height: 40px;
			background-color: #fff;
			margin-bottom:5px;
	}
			.newcard-product select {
				margin-right: 10px;
				top:28px;
			}
			.newcard-product label {
				position: absolute;
				float: none !important;
				width: auto !important;
				color:#a5a6a9;
			}
			.newcard-product .size-title{
				top: 14px;
			}
			.newcard-product .size {
				position: absolute;
				width: 200px;
				top:34px;
			}
			.newcard-product .quantity-title {
				top: 14px;
				left: 217px;
			}
			.newcard-product .quantity {
				position: absolute;
				width: 110px;
				left: 217px;
				top:34px;
			}
			.newcard-product .sets-title {
				top: 14px;
				left: 345px;
			}
			.newcard-product .sets {
				position: absolute;
				left: 345px;
				top:34px;
				width:75px;
			}
			.newcard-product .card-price {
				position: absolute;
				right: 110px;
				font-size: 20px;
				line-height: 20px !important;
			}
			.newcard-product .submit-box {
				display: block;
				text-align: right;
			}
			.newcard-product .my_x {
				position:absolute;
				top:36px;
				left:333px;
				font-weight:bold;
				color: #C2D4BC;
				}
	.newcard-printing {
			position: relative;
			/* height:40px; */
			border-top:1px solid #ECECEC;
			line-height:17px;
			/* padding:10px; */
			display: block; 
			background-color:#fff !important;
	}
			.newcard-printing .printing-title {
				padding: 0 0 2px;
				color: #939598;
				}
			.newcard-printing .printing-title-paper-stock{
				padding: 0 0 2px;
				color: #939598;
				}	
			.newcard-printing	.printing-title-radio-button {
				float:left;
				margin-right: 87px;
				margin-left:0px;
				font-weight: bold;
				padding-left:0px;
				
				
						}
			.newcard-printing .printing-paper-stock-radio-button {
				float:left;
				margin-right: 98px;
				margin-left: 0px;
				
				font-weight: bold;
				width: 200px;
				padding:0px !important;
				
				
			
				
				}	
			.newcard-printing .folding-radio-button {
					float:left;
					margin-right: 20px;
					margin-left: 0px;
					border: solid 0px;
					font-weight: bold;
			}	
			.newcard-printing .printing_does_not_exist {
				border:solid 1px #fcc778;
				width:220px;
				height:115px;
				padding:7px 13px 10px 8px;
				
				
				
				}
	.newcard-printing-type{
			display:block;
			background-color:rgb(255, 255, 255);
	}
			.newcard-printing-radio {
					height:12px;
					border: 1 !important;
					cursor: pointer;
					vertical-align:middle;
					cursor: hand;
					margin:2px 2px 0 0px;
			}	
	.newcard-printing-method{
			/*display:block;*/
			padding: 0;
	}
			.newcard-printing-method .specialheight {
					padding-top:0px !important;
					padding-right:0px !important;
					height:164px;
			}
			.newcard-printing-method 
      .printing-method-left {
					float:left;
					width: 350px;
					margin:0px;
					/*height:174px;	*/
			}
			.newcard-printing-method .printing-method-right {
					float:left;
					width: 295px;
					border: solid 0px;
					padding: 0px 0px 5px 0px;
					height:169px;
					z-index:100;
			}
			.newcard-printing-method .printing-method-title {
					margin-top:4px;
					border: solid 0px;
			}
			.newcard-printing-method .offset {
					padding-left:5px;
			}
			.newcard-printing-method .padding {
					padding-left: 0px !important;
			}
			.newcard-printing-method .time {
					position: relative;
					width: 180px;
					left: 0px;
					margin-top:4px;
			}
			.newcard-printing-method .time_offset {
					position: relative;
					width: 140px;
					left: 0px;
					margin-top:4px;
			}	
			.newcard-printing-method .selected {
					background-color: #f3f3f4;
			}	
			.newcard-printing-folding-radio {
					margin:2px 2px 0 0;
					height:11px;
					border: 0 !important;
					cursor: pointer;
					vertical-align:middle ;
					cursor: hand;
			}
			.newcard-printing-block{
				margin-left:10px;
				margin-top:10px;
			}
	.newcard-design-fee{
			display:block;
			/* padding: 0; */
			height:20px;
	}
			.newcard-design-fee .title{
				float:left;
				width:140px			
			}
			.newcard-design-fee .pulldown{
				margin-left:10px	
			}

#new_shipping_div{
	background-color: #fff;
	height:82px !important;
}
			#new_shipping_heading {
					position: relative;
					background-color: #fff;
					/* height:50px !important; */
			}
					#new_shipping_heading h2{
							margin-top:5px;
							border-top-width:0;
					}
			#new_shipping_container .zip {
					float:left;
					width:100px;
			}
					#new_shipping_container .zipinput {
							margin-left:10px; 
							width:70px;
					}


#new_discounts_div{
	background-color: #fff;
	height:124px !important;
}
			#new_discounts_heading {
					background-color: #fff;
					
			}
					#new_discounts_heading h2 {
							margin-top:5px;
							border-top-width:0
					}
					
			#new_discounts_container{
					
			}
					#new_discounts_container .code-title{
							float:left;
							width:150px;
					}
					#new_discounts_container .code-input{
							float:left;
							margin-left:10px; 
							width:100px;
					}
					
			#new_discounts_credit{
				
			}
					#new_discounts_credit .credit-select{
							float:left;
							
					}
					#new_discounts_credit .credit-title{
							float:left;
							width:150px
							margin-left:10px
					}
					#new_discounts_credit .credit-total{
							
					}	
			
			#form_myjobs_credit{

			}
					#form_myjobs_credit .credit-select{
							float:left;
							width:150px;
							margin-left: 0px;
					}
					#form_myjobs_credit .credit-title{
							float:left;
							width:150px
							margin-left: 0px
					}
					#form_myjobs_credit .credit-total{
					
					}
			#form_myjobs_trade{
			}
					#form_myjobs_trade .credit-select{
							float:left;
							width:150px;
							margin-left: 0px;
					}
					#form_myjobs_trade .credit-title{
							float:left;
							width:150px
							margin-left: 0px
					}
					#form_myjobs_trade .credit-total{
					
					}
			#form_myjobs_terms{
			}
					#form_myjobs_terms .credit-select{
							float:left;
							width:150px;
							margin-left: 0px;
					}
					#form_myjobs_terms .credit-title{
							float:left;
							width:150px
							margin-left: 0px
					}
					#form_myjobs_terms .credit-total{
					
					}
			

	.card-header {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	
		border-top: 5px solid #d2e4f0 !important;
	
		line-height: 20px !important;
		height: 20px !important;
		overflow: hidden;
	
		color: #555 !important;
		font-size: 16px !important;
		font-weight: bold;
	}
			.card-header * {
				color: #555 !important;
			}
			.card-header .sum {
				font-weight: normal;
				font-size: 14px;
			}
			.card-header .status {
				position: absolute;
				left: 370px;
				margin-top: 1px;
				font-size: 12px;
			}
			.card-header .status-error {
				color: #ff0000 !important;
			}
	.card-content {
	/*	display: none;*/
	}
			.card-content h2 {
				margin-bottom: 3px;
			}
			.card-content label {
				display: inline;
				float: none;
			}
	.card-side {
		float: left;
		display: block;
	
		padding: 0 5px 6px 0;
	
		min-height: 29px;
		min-width: 61px;
	
		background: transparent url(i/shadow-1.gif) no-repeat right bottom;
		clear: both;
	}
			.card-side img {
				border: 1px solid #dfdfdf;
			}
			.card-side .type {
				border-width: 0;
				position: absolute;
			}
	.card-step-reject {
		float: left;
		width: 30%;
		margin-right: 3%;
		margin-bottom: 0;
	}
	.card-step-wait {
		float: left;
		width: 30%;
		margin-right: 3%;
		margin-bottom: 0;
	}
			.card-step-wait .submit {background-color: #4e4948;}
			.card-step-wait .submit:hover {background-color: #4e4948;}
	.card-step-approve {
		float: left;
		width: 33%;
		margin-bottom: 0;
	}
			.card-step-approve .submit {background-color: #3f8129;}
			.card-step-approve .submit:hover {background-color: #3f8129;}
	.card-step-reject .submit, .card-step-wait .submit, .card-step-approve .submit {
		margin-left: 0;
	}
			.card-step-reject .submit button, .card-step-wait .submit button, .card-step-approve .submit  button {
				width: 130px;
				text-align: left;
				font-weight: bold;
			}
			.card-step-reject .submit {background-color: #f24b00;}
			.card-step-reject .submit:hover {background-color: #f24b00;}




	/* DELIVERY DATE */
	.delivery_date {
			position:relative;
			top:-15px;
			border: solid 0px;
			font-size:10px;
			margin: 0 0 0 0px;
			padding:0 0 0 0px;
			left:220px;
	}
		.ddelivery_date {
				border: solid 0px;
				font-size:10px;
				margin: 0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				top:-15px;
				left:200px;
				width:400px;
		}



/* INSTRUCTIONS */	
	.instructions-template{}
			.instructions-template ol.h3-list p { 
				font-weight: normal; line-height:140%; 
			}
			.instructions-template li {
				/*width: 480px;*/
			}
			.instructions-template p {
				width: 480px;
			
				margin-bottom: 0;
				padding-bottom: 0;
			
				color: #888;
			}
			.instructions-template h3 {
				line-height: 14px;
				font-size: 14px;
				padding: 14px 0 5px 0;
			}
			.instructions-template h3 * {
				font-size: 14px;
				margin-right: 1px;
			}
			.instructions-template ol.decimal {
				margin: 0;
				padding: 0;
			}
			.instructions-template ol.decimal li {
				list-style: decimal inside none;
				font-weight: bold;
				font-size: 14px;
			
				margin: 0;
				padding: 0;
			}
			.instructions-template ol.letter {
				margin: 0;
				padding: 0;
			
				padding-left: 19px;
			}
			.instructions-template ol.letter li {
				list-style: lower-alpha outside none;
				color: #888;
				font-size: 11px;
			
				margin: 0;
				padding: 0;
			}
			.instructions-template .note {
				padding-left: 18px;
			}
			.instructions-template ol.roman {
				margin: 0px 0px 0px 0px;
				padding: 0px;
			}
			.instructions-template ol.roman li {
				list-style: lower-roman inside none;
			}
			.instructions-template ol.bold li {
				font-weight: bold;
			}
			.instructions-template ol.bold li *, .instructions-template ol.bold li ol li, .instructions-template ol.bold li ol li * {
				font-weight: normal;
			}
			.instructions-template ol.bold li p {
				margin: 0px;
			}
			.instructions-template ol.h3-list { margin: 0; padding: 0; padding-left: 19px; }
			.instructions-template ol.h3-list li { list-style: decimal outside none; font-size: 14px; font-weight: bold; }
			.instructions-template ol.h3-list h3 { padding-top: 0; }
			.instructions-template ol.h3-list li ol { list-style-position: inside; padding-left: 0; margin-bottom: 15px; }
			.instructions-template ol.h3-list li ol li { font-weight: normal; font-size: 11px; line-height:140%; list-style-type: lower-latin;  }



















/* TABS */
	.tabs {
		margin: 0;
		padding: 0;
	}
			.tabs li {
				float: left;
				list-style-type: none;
				margin: 0px 5px 0px 0px;
			}
			.tabs a {
				position: relative;
				display: block;
				float: left;
			
				width: 105px;	
				padding: 5px 0px 4px 10px;
				background-color: #f1f1f2;
				
				margin-top: 3px;
			}
			.tabs a:hover {
			/*	background-color: #d1d0d0;*/
				color: #3d3938;
			}
			.tabs a.tab-loading {
				cursor: default;
				color: #9E9D9D;
				background: #f1f1f2 url(i/loading-2.gif) no-repeat 90% center;
			}
			.tabs .current li {
			}
			.tabs .current a {
				margin-top: 0px;
				
				width: 110px;
				height: 21px;
				
				background-color: #fff;
				color: #000;
				font-weight: bold;
			}
			.tabs li.last {
				margin-right: 0px;
			}
	.tabs-content {
	border-top-width: 0;
}



/* HELP */
	.help-calculator { padding: 0px 5px; }
			.help-calculator form { padding-top: 25px; }
			.help-calculator form select { height: 16px; margin-bottom: 7px; }
			.help-calculator form div { padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #e7e7e7; }
			.help-calculator form div.last { border: 0; }
			.help-calculator form div.total strong { font-size: 18px; }
	.help-box .help-calculator h2 { padding: 5px 0px 14px 0px; font-size:18px; }



/* SAMPLE KITS */	
	h5.blue_big {
		color:#1a78b8;
		font-family: helvetica, arial;
		font-style: normal;
		font-size: 40px;
		height:44px;
		width:355px;
		top:10px !important;;
		line-height:44px !important;
		zoom:1;
		border: solid 0px;
		margin:0 0 17px 0px;
	}
	.sample-div-bg {
		z-index: 0; background: transparent url(/images/sample-kit/SampleCards.jpg) no-repeat top left; 
		width: 209px; 
		height: 167px; 
		position: absolute; 
		right: 5px; 
		bottom: 10px; 
	}
	.sample-kit {}
			.sample-kit .contact-us-form {
				z-index: 2; 
			}
			.sample-kit .contact-us-form p {
				margin-bottom: 1px;  
			}
			.sample-kit .contact-us-form p.btn {
				clear: both; 
				text-align: right; 
			}
			.sample-kit .contact-us-form p.section-ends {
				margin-bottom: 17px; 
			}
			.sample-kit .contact-us-form label select {
			
			}
			.sample-kit .contact-us-form p .submit {
				margin-top: 15px; 
			}
			.sample-kit form #state {
				width: 126px; 
				float: left; 
				margin-right: 9px; 
			}
			.sample-kit form #zip {
				width: 65px; 
			}
	.order-sample-kit {
		background-image: url(/images/sample-kit/sample_kit_bg.jpg); 
		background-repeat: no-repeat; 
		background-position: right top; 
		border-top: 0; 
		height: 190px; 
	}
			.order-sample-kit h1 {
			margin-bottom: 40px;
			}
			.order-sample-kit p {
			width: 280px;  font-size: 14px; 
			}
	.help-box .sample-kit h2 {
		padding: 15px 0px 5px 0px; 
	}
	div.kit-contents {
		overflow: hidden; 
	}
			div.kit-contents div {
				min-height: 220px; 
				width: 280px; 
				float: left; 
				margin-right: 10px; 
			}
			div.kit-contents div img {
				margin-bottom: 8px; 
			}
			div.kit-contents div h2 {
				color: #939598; margin-bottom: 4px; 
			}
			div.kit-contents div p {
				margin-bottom: 5px; 
			}
			div.kit-contents div p.links  {
				margin-bottom: 0px; 
			}
			div.kit-contents div p.links a  {
				float: left; 
				padding-right: 8px; 
				margin-right: 7px; 
				border-right: 1px solid #D2D2D2; 
			}
			div.kit-contents div p.links a.last {
				margin-right: 0; 
				padding-right: 0;
				border: 0; 
			}
			div.kit-contents div a {
				display: block; margin-top: 3px; 
			}
	div.new-kit-contents {
		overflow: hidden; 
	}
			div.new-kit-contents div {
				min-height: 70px; 
				width: 380px; 
				float: left; 
				margin-right: 0px; 
			}
			div.new-kit-contents div img {
				margin-bottom: 8px; 
			}
			div.new-kit-contents  .myheader {
				color: #939598; 
				font-size: 24px; 
				height:70px;
				position:absolute;
				z-index:100;
			}
			div.new-kit-contents div  h22 {
				color:#1a78b8;
				font-family: helvetica, arial;
				font-style: normal;
				font-size: 44px;
				border:solid 0px;
				padding-top:10px;
			}
			div.new-kit-contents .slogan {
				font-size:12px;
				font-family:arial,tahoma,helvetica,sans-serif;
				margin:10px;
				border:solid 1px;
			}
			div.new-kit-contents div h5 {
				color: #000; 
				margin-bottom: 4px;
				font-size: 14px; 
				font-weight:bold;
				line-height: 14px;
				border: solid 0px;
				font-family: arial;
				font-style: normal;
				color: #58575c;
			}
			div.new-kit-contents div p {
				margin-bottom: 5px; 
				margin-top:0px;
				font-size:14px; 
			}
			div.new-kit-contents div p.bigger {
				margin-bottom: 5px; 
				margin-top:0px;
				font-size:14px;
				width:350px; 
			}
			div.new-kit-contents div p.links  {
				margin-bottom: 0px; 
			}
			div.new-kit-contents div p.links a  {
				float: left; 
				padding-right: 8px; 
				margin-right: 7px; 
				border-right: 1px solid #D2D2D2; 
			}
			div.new-kit-contents div p.links a.last {
				margin-right: 0; 
				padding-right: 0; 
				border: 0; 
			}
			div.new-kit-contents div a {
				display: block; 
				margin-top: 3px; 
			}
			div.new-kit-contents div.block_left {			
				position: absolute;
				top:10px;
				right:15px;
				display:block;
				border:solid 4px #e3edf6;
				width:190px;
				min-height: 110px !important;
				background-color:#f9fafc;
				padding-top:5px;
				padding-left:5px;
			}
			div.new-kit-contents ul {
				margin:0 0 0 0px;
				padding:0 0 0 0px;
			}
			div.new-kit-contents  li{
				float:left; 
				width: 170px;
				list-style:none;
				border:solid 0px;
				margin-right:17px;
			}
			div.new-kit-contents  li.nomargin {
				margin:0 0 0 0 px; 
			}
			


/* DOWNLOAD */
	.page-download{
	}
			.page-download .tabs {
				overflow: hidden;
				margin-top: 5px;
			}
			.page-download #btn_download {
				padding: 0px;
				border: none;
				margin: 4px 0px;
			}
			.page-download #body a.help {
				color: #ff8000;
			}
			.page-download div.hint {
				float: right;
			}
			.page-download div.hint p.last {
				margin-bottom: 0px;
			}
			.page-download .download-form .row p {
				margin-bottom: 6px;
			}
			.page-download .download-form .row-both {
				padding-top: 5px;
			}
			.page-download .download-button-div {
				overflow: hidden;
			}

	.section-download{
	}
			.section-download .expand-content h3 {
				margin-bottom: 8px;
			}
			.section-download select {
				width: 147px;
			}



/* PRICING AND PRODUCTS */
	.section-products{}
			.section-products div.card-sizes { padding: 23px 0 0 0; background-image: url(/images/NewBanner.gif); background-repeat: no-repeat; background-position: right top; }
			.section-products div.card-sizes div { min-height: 100px; margin-bottom: 0px; padding-left: 10px; padding-right: 18px; width: 270px; float: left; }
			.section-products #body div.card-sizes div h2.grey { line-height: 130%; }
			.section-products div.card-sizes div p { color: #A6A8AB; }
			.section-products div.card-sizes div.bottom { margin-bottom: 26px; }
			.section-products div.card-sizes div.bottom h2 { margin: 10px 0 9px 0; }

	.section-products{}
			.section-products div.types-of-printing { padding-top: 20px; }
			.section-products div.types-of-printing div { width: 170px; margin: 0 30px 10px 0; float: left; }
			.section-products div.types-of-printing div.last { margin-right: 0px; }
			.section-products div.types-of-printing div h2 { margin-bottom: 7px; }
			.section-products #body div.types-of-printing div span { line-height: 145%; }
			.section-products div.types-of-printing div span { display: block; min-height: 65px; color: #A6A8AB; }
	
	.pricing-grid{}
			.pricing-grid h2 { margin: 20px 0px 10px 0px; color: #A6A8AB; }
			.pricing-grid table { border-collapse: collapse; }
			.pricing-grid table tr { border: 1px solid #cbcaca; border-left: none; border-right: none; }
			.pricing-grid table td { border-left: 1px solid #cbcaca; text-align: right; }
			.pricing-grid table td.thead, .pricing-grid table th { color: #A6A8AB; }
			.pricing-grid table th { text-align: right; }
			.pricing-grid table th.thead{ font-weight: normal; }
			.pricing-grid .selectable { color: #62a0ca; cursor: pointer; }
			.pricing-grid .cross, .pricing-grid .cross td, .pricing-grid .cross th { background-color: #f1f1f2; }
			.pricing-grid .current { background-color: #1F78B4 !important; color: #fff; }



/* PRINTING AND COLOR */	
	.section-printing{}
			.section-printing #body h2 { line-height: 140%; }
			.section-printing div.types-of-printing div { width: 170px; margin: 0 30px 10px 0; float: left; }
			.section-printing div.types-of-printing div.last { margin-right: 0px; }
			.section-printing div.types-of-printing div h2 { margin-bottom: 7px; color: #939598; }
			.section-printing div.types-of-printing div img { margin-bottom: 15px; }
			.section-products .halfboxed div { width: 270px; margin-right: 20px; }
			.section-products .halfboxed div.right { margin-right: 0!important; }
			.section-printing .halfboxed div { width: 270px; margin-right: 20px; }
			.section-printing .halfboxed div.right { margin-right: 0!important; }
			.section-printing .halfboxed div p { margin-bottom: 10px; }

			

/* DISCOUNTS */
	#discount-error {
			position: absolute;
			left: 380px;
			margin-top: 2px;
	}
			#discount-error .loading {
				font-weight: normal;
			}
			#discount-error .warning {
				color: red;
			}
			#discount-error .text {
				margin-top: -1px;
				padding: 2px 3px;
			/*	background-color: #ffb300;*/
			}
	
	#discount-total, #shipping-total {
		margin-top: -3px;
	}
	
	#job-discounts-box{
	
	}
			#job-discounts-box .row span,
			#job-discounts-box .row input,
			#job-discounts-box .row div,
			#job-discounts-box .row div *,
			#job-discounts-box .row a {
				vertical-align: middle !important;
			}
			#job-discounts-box .row .submit {
				vertical-align: top !important;
			}
			#job-discounts-box .row input {
				height: 14px;
			}



/* PSEUDO BUTTONS */
	.pseudo-button { display: block; height: 26px; cursor: pointer; } 
			.pseudo-button * { display: none; }
			.pseudo-button { background-position: top left; }
			.pseudo-button:hover { background-position: bottom left; }
			.dl-proofTool { background-image: url(/images/buttons/DLProofintTool.gif); width: 215px; }
			.dl-templates { background-image: url(/images/buttons/DLTemplates.gif); width: 194px; }
			.pic-approve { background-image: url(/images/buttons/Approve.gif); width: 130px; }
			.pic-reject { background-image: url(/images/buttons/Reject.gif); width: 130px; }
			.pic-wait { background-image: url(/images/buttons/Wait.gif); width: 130px; }
			.get-templates { background-image: url(/images/buttons/GetTemplates.gif); width: 148px; position: absolute; bottom: 40px; left: 20px; }
			.get-proofing-tool { background-image: url(/images/buttons/UseProofingTool.gif); width: 182px; position: absolute; bottom: 55px; left: 64px; }
			.use-proofing-server { background-image: url(/images/buttons/UseProofServer.gif); width: 173px; position: absolute; bottom: 55px; right: 70px; }
			.order-sample-kit-button { background-image: url(/images/buttons/order_free_sample_kit.gif); width: 204px; }
			.order-sample-kit-button-new { background-image: url(/images/buttons/order_sample_kit.gif); width: 159px; }
			.start-new-job-button { background-image: url(/images/buttons/start_a_new_job_button.gif); width: 160px; }
			.start-my-order {
				background-image: url(/images/buttons/start_my_order-button.gif);
				width: 118px;
			}
			.order-4by6-sample-kit-button { background-image: url(/images/buttons/get_the_4by6_sample_kit.gif); width: 244px; }
			.take-a-tour-button { background-image: url(/images/buttons/take_a_tour.gif); width: 118px; }
			.get-teh-kit-button { background-image: url(/images/buttons/get_the_kit.gif); width: 118px; }
			.get-proofing-tool-orange { background-image: url(/images/buttons/GetProofingTool.gif); width: 197px; }
			.check-this-card { background-image: url(/images/buttons/CheckFiles.gif); width: 195px; }
			.section-my_jobs .check-this-card  { position: absolute; bottom: 10px; right: 10px; }
			.section-my_jobs .get-proofing-tool-orange { margin-right: 10px; display: inline-block; }


/* FOOTER */
#footer {
		clear: both;
		margin-top: -1px;
		height: 21px;
}
		#footer hr {
			display: none;
		}
		#footer .copyright {
			float: left;
			margin: 0;
			padding: 1px 0 0 230px;
			line-height: 18px;
			color: #a1a1a1;
			height: 20px;
			background: transparent url(i/fff.gif) no-repeat 230px top;
		}
		#footer .design {
			float: right;
			margin: 0;
			padding-top: 1px;
			line-height: 18px;
			color: #a1a1a1;
			height: 20px;
			background: transparent url(i/fff.gif) no-repeat right top;
		}
		
		
		
		
		
		
		


/* MY JOBS */
.page-my_jobs {}
		.page-my_jobs #body .row-first span.inline, .page-my_jobs #body .row-first span.inline * { line-height:130%; vertical-align:bottom; }
		.page-my_jobs .column { margin: 10px 0 30px 0; width: 270px; }
		.page-my_jobs .column h2 { line-height: 20pt!important; }
		.page-my_jobs .column ol { padding-left: 0px; list-style-position: inside; }
		.page-my_jobs .column ol li { margin-bottom: 8px; color: #939598 !important; }



/* NEW JOB */
.page-new_job #body  {
	background-color: #c2d4bc;
}
		.page-new_job .row {
			border-top: 1px solid #dae4d7;
		}
		.page-start_new_job #body {
			 background-color: #c2d4bc;
		}
		.page-my_new_job #body {
			background-color:#C2D4BC;
		}



/* DESIGN SUPPORT */
.page-design-support{}
		.page-design-support .contact-field label {
			float: none;
			width: auto;
		}
		.page-design-support .contact-field input {
			width: 150px;
		}
		.page-design-support .contact-field {
			float: left;
			padding-right: 10px;
		}
		.page-design-support em {
			color: #aeb0b2;
			font-style: normal;
		}
		.page-design-support h2 {
			clear: both;
		}



/* RECYCLED PAPER */
.recycled-paper { min-height: 195px; background-image: url(/images/products-and-prices/recycled_paper.jpg); background-position: right bottom; background-repeat: no-repeat; }
		.recycled-paper p { width: 180px; }
		.recycled-paper h2 { margin-top: 10px; }



/* STEP 2 */
div.step2 {
	border: solid 0px !important;
}
		div.step2 li{float:left; width: 274px;list-style:none;border:solid 0px;margin-right:25px;}
		div.step2  ul.nomargin {margin:0px 0px 0px 0px; }
		div.step2   li.colorgrey {
			background-color: #f3f3f4;
			width: 250px;
			padding:9px 10px 9px 11px;
			margin-right:0px !important;
			
			}
		div.step2   h5 {
			color:#888888;
			font-size:16px;
			font-weight:bold;
		}
		div.step2 div.line_top {
			border-top:1px solid #B9D7E9;
		}



/* FULL SERVICE */
.fullservice {
	font-size: 18px;
	color: #57575A;
}
	#fullservice-number {
		position: relative;
		padding: 11px 11px;
		line-height: 17px;
		background-color: #fff;
		width: 578px;
		background-color: #fff;
		color: #1F78B4;
		margin-top: 6px;
	}
	#fullservice-number-topcorner {
		position: absolute;
		top: 10px;
		right: 0;
		padding-right: 10px;
		width: 400px;
		height: 22px;
		line-height: 22px;
		text-align: right;
	}



/* LOADING */
.loading {
	clear: both;
	display: block;
	padding-left: 22px;
	line-height: 30px;
	background: transparent url(i/loading.gif) no-repeat left center;
	color: #555 !important;
	cursor: default;
}
		.newcard-row .loading {
	background: transparent url(i/loading-2.gif) no-repeat left center;
}


/* COUNTDOWN */
.count-down {
	font-size: 80px;
	font-weight: bold;
	line-height: 80px !important;
}


/* FILE UPLOAD */
.file-upload-box {
	width: 100%;
}
		.file-upload-box .upload-row {
			float:left;
			clear:left;
			width: 90%;
			padding-left: 5px;
			padding-bottom: 3px;
		}
		.file-upload-box .upload-row button, .file-upload-box .upload-row input {
			margin-right: 10px;
		}
		.file-upload-box .upload-row input, .file-upload-box .upload {
			width: auto;
			padding: 0px 3px;
			border: 1px solid #bfbebe;
			border-top: 1px solid #e7e5e5;
			border-left: 1px solid #e7e5e5;
			background-color: #f5f2f2;
			color: #4369ac;
			cursor: pointer;
			cursor: hand;
			text-align: center;
		}
		.file-upload-box .upload-row span {
			line-height: 22px;
		}
		.file-upload-box .upload {
			width: auto !important;
			float: right;
			margin-top: 5px;
		}
		.file-upload-box .upload-new {
			float:left;
			clear:left;
			display: block;
			width:159px;
			padding-top: 5px;
			padding-left: 5px;
		}


/* CONTACT US */
.contact-us{}
		.contact-us { padding:0px 7px 4px 4px;  }
		.contact-us-form p { overflow: hidden; margin-bottom: 4px; }
		.contact-us-form label span { display: block; }
		.contact-us-form label input { width: 200px; height: 13px; }
		.contact-us-form label select { width: 180px; }
		.contact-us-form label textarea { width: 200px; height: 130px; }



/* JOB HEADING */
.job-heading {
	position: relative;
	line-height: 1em;
}
		.job-heading h1 {
			padding-bottom: 16px;
			padding-top: 10px;
		}
		.job-heading h1 strong {
			padding-top: 6px;
			padding-bottom: 1px;
		}
		.job-heading .job-actions {
		/*
			position: absolute;
			top: 8px;
			right: 0;
		*/
			position: relative;
			text-align: right;
			padding-bottom: 25px;
		}
		.job-heading img {
			position: absolute;
			left: 220px;
			top: 12px;
		}
		.job-heading .job-actions ul {
		/*	float:left;*/
			position: absolute;
			margin: 0;
			padding-left: 0;
			left: 1px;
		}
		.job-heading .job-actions li {
			float:left;
			list-style-type: decimal;
			font-size: 12px;
			list-style-position: inside;
			padding-left: 10px;
			padding-right: 40px;
		}
		.job-heading .job-actions .prev {
			color: black;
			background-color: #f9ebab;
			padding-top: 6px;
			padding-bottom: 6px;
			margin-top: -6px;
			margin-right: 2px;
		}
		.job-heading .job-actions .current {
			color: black;
			background: #fbb040 url(/images/step-arrow.gif) no-repeat right;
			margin-top: -6px;
			padding-top: 6px;
			padding-bottom: 6px;
			margin-right: 4px;
		}
		.job-heading .job-actions .next {
			color: #9d9d9d;
			background-color: #f2f2f2;
			margin-top: -6px;
			padding-top: 6px;
			padding-bottom: 6px;
			margin-right: 2px;
		}
		.job-heading-link {
			padding-top: 1px;
			padding-bottom: 1px;
		}
		#job-heading-links {
			position: absolute;
			right: 15px;
			bottom: 42px;
		}
		#job-heading-links strong {
			font-size: 24px;
			margin-right: 10px;
			padding-top: 1px;
			padding-bottom: 1px;
		}
		
		

/* HEADERS */
	.delivery-header, .discounts-header, .jobtotal-header {
	/*	color: #888 !important;*/
		font-weight: bold !important;
		font-size: 16px !important;
		margin-top: 5px !important;
		border-top-width: 0 !important;
	}
	.jobtotal-header .sum {
		font-size: 20px;
		font-weight: normal;
	}



/* CALIBRATION */

.get-calibration { background: #F3F3F4; padding: 11px 14px; width:252px!important; }
		.get-calibration p { float: left; margin-right: 20px; margin-bottom: 0px; text-align: center; }
		.get-calibration p.last { margin-right: 0px; }
		.get-calibration p img { display: block; }
		.get-calibration p a { display: block; margin-top: 5px; }


/* OPACITY */
#opa1 {
		position: relative;
		z-index:100;			
		width:600px;
}
		.my_row_opa {
		border-top: 1px solid #ececec;
		padding: 11px 11px;
		line-height: 17px;
	}


/* SIZE TAB */
.sizetab {
	border: 1px solid #bebdbd;
	border-collapse: collapse;
}
		.sizetab th, .sizetab td {
			border: 1px solid #bebdbd;
			padding: 2px 4px;
		}
		.sizetab th {
			color: #878585;
			font-weight: normal;
		}
		.sizetab td {
			width: 62px;
			font-weight: bold;
		}


/* TOUR */
.section-tour .tabs a {
		width: 86px;
}
		.section-tour .tabs .last a {
			width: 85px;
		}



/* LOGO REMOVAL */
#job-logo-removal-box {
	padding: 5px 10px;
}
		#job-logo-removal-box * {
			vertical-align: middle;
		}
		#job-logo-removal-box input {
			margin-right: 5px;
		}








/* ------------------- MISC --------------------- */

#shipping-box .submit { margin-left: 0; }
#logo {
	position: absolute;
	top: 25px;
	left: 0;
	margin-bottom: 0;
}
#rpc-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	background-color: #ff4b00;
	padding: 3px;
	z-index: 1000;
	color: #FFF;
}



.last-vertical { margin-bottom: 0px!important; }
.vmiddle, .vmiddle * { vertical-align: middle!important; }
.expand-header-button { position: relative; top: -2.7em; margin: 0 5px -2.7em 5px; }
.li-none { list-style-type: none!important; }
.li-none h3 { margin-left: -1.5em; }
.clearfix:after, .filter:after, .sidebar div.body:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nomargin {margin:0 0 0 0 px;padding:0 0 0 0px;}
.remove_logo_text {
position:absolute;
left:25px;
}
.my_close {
position:absolute;
top:13px;
left:10px;
}
.grey-head {
	font-size: 18px;
	line-height: 130%;
	color: #949599;
	font-weight: bold;
}
.product-icons-table {
	text-align: center;
}
.product-icons {
	font-size: 12px;
}
.product-icons a {
	text-decoration: underline;
	display: block;
}
.pdf {
	clear: both;
	display: block;
	padding-left: 22px;
	line-height: 30px;
	background: transparent url(i/icon-pdf.gif) no-repeat left center;
}


table.chart {
	border-collapse: collapse;
}
table.chart th {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
table.chart td {
	padding: 5px;
	margin-left: -2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

p.warning {
	padding: 5px;
	margin-bottom: 0;
	text-align: left;
	color: red;
	background-color: #fff;
/*
	border: 1px solid red;
*/
}
#job-misc label {
	display: inline;
}

.section-my_jobs ol.h3-list { width: 430px; }
.gray-note { 
	background: #F3F3F4; 
	color: #000; 
	margin: 3px 0; 
	padding: 5px 7px!important; 
}

input.required, textarea.required, select.required {
	border: 1px solid red;
}

.box-1 {
	border: 1px solid #d8d8d8;
}
.submit-loading-left, .submit-loading-right {
	float: none;
	margin: 0;
}
.proff-server-card h2 { 
		position: absolute; 
		color: #fff; 
		padding: 15px; 
		font-size: 22px; 
		line-height: 110%!important;  
}
.bg-gray { background: #f2f2f2; padding: 5px; margin-left: -5px; width: 580px; }
.pipe-gray { color: #d1d1d1; }

.nobordertop {border-top:0px solid !important;}
.inline { display: inline; }
span.orange, small.orange { color: #ff8000!important; }
#job-new-cards {
/*	margin-bottom: 5px;*/
}


.more {
	padding-bottom: 2px;
	color: #ff7f00;
	cursor: help;
}
#body a.help {
	/* no style yet */
}

.my_total_top {
	position:absolute;
	top:50px;
	right:120px; 
	width:400px;
	border:solid 1px;
	
	} 
.green, .green * {
	color: #478747;
}
.highlight {
	padding: 5px;
	background-color: #ffb200;
}
.name-title {
	float: none !important;
}
.type-title {
	position: absolute;
	top: 10px;
	left: 223px;
}
div.hint {
	width: 260px;
	padding: 10px;
	background-color: #f1f1f2;
}
.section-printing div.hint {
	margin: 0px;	
	width: 260px!important;
}
.button-print {
	display: block;
	padding: 5px 0 3px 30px;
	background: transparent url(i/icon-print.gif) no-repeat left center;
}
.section-my_jobs .newcard-row {background-color: #e8f1f7;}
.slider-opened .corner-bottom-left, .slider-opened .corner-bottom-right {
	display: none;
}
.expand-content .corner-top-left, .expand-content .corner-top-right {
	display: none;
}
.section-my_jobs #body, .section-proof #body {
	background-color: #d2e4f0;
}
.section-my_jobs .row, .section-proof .row {
	border-top: 1px solid #b9d7e9;
}
.section-start_new_job .row, .section-proof .row {
	border-top: 1px solid #dce7d9;
}



h2 span { font-size: 100%; }
h2 .sum {
	margin-top: -1px;
}


h2.expand-header {
	position: relative;
	border-top: 1px solid #dae4d7;
	margin: 0;
	padding: 10px 10px 10px 30px;
	line-height: 20px;
/*	color: #8fbbd9; */
	color: #555;
	background: #fff url(i/arrow-closed.gif) no-repeat 10px 50%;
	cursor: pointer;
	cursor: hand;
}
h2.my_expand-header {
	
	border-top: 1px solid #dae4d7;
	margin: 0;
	padding: 10px 10px 10px 10px;
	line-height: 20px;
	background-color:#fff;
	/*color: #8fbbd9;*/ 
	 color: #555;
	/* cursor: pointer;
	cursor: hand;
	*/
		
}
h2.expand-content {
	position: relative;
}
h2.slider-opened {
	background: #fff url(i/arrow-opened.gif) no-repeat 10px 50%;
}
.expand-header-first {
	border-top-width: 0 !important;
}
.expandingImages span img {
	display: none;
}
.expandingImages span.no-hide img {
	display: block;
}
.expandingImages img {
	margin: 15px 0;
}