/* screen.css: styles for screen device */
* {
	font-family: arial, tahoma, helvetica, sans-serif;
	color: #555;
	font-size: 11px;
}
#body * {
	line-height: 16px;
	vertical-align: top;
}

/*  CLEARFIX KLUDGE */
.clean { overflow: hidden; }
.clear-both { clear: both; }

html {background-color: #fff; height: 100%;}
body, div, span, form {margin:0; padding:0; border:0; text-align:left; vertical-align:top;}
p, h1, h2, h3, h4, h5, h6 {padding:0;margin: 0 0 15px 0;}
div, p {/*line-height: 14px;*/}
ul {}
li {margin-bottom: 5px;}
img {border: 0;}
a, a * {color: #62a0ca; text-decoration:none;}
a:hover, a:hover * {color: #1f78b4;/* text-decoration: underline;*/}
em {color:#acacac;font-style: normal;}
optgroup {}
dl {}
dt {}
dd {}
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;}
h3 {font-size: 14px; margin-bottom:0; padding-bottom: 1px;}
body {min-width: 960px; text-align: center;}
iframe {display: none}
input {padding: 2px; border: 1px solid #c4c3c3}


.hr * {display: none;}
.hr {height: 15px; border-top: 1px dashed #b8b7b7;}
.left {float: left;}
.right {float: right;}
.clear {clear:both;overflow:hidden;height:0;}
img.left {margin-right: 10px;}
img.right {margin-left: 10px;}
p.last {margin-bottom: 0;}




form {
	padding: 5px 0 5px 0;
	padding: 0;
}




.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;
}





/* data row style */
.row {
	position: relative;
	border-top: 1px solid #ececec;
	padding: 10px 10px;
	line-height: 17px;
	background-color: #fff;
	
}
.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: #bbd6e8;
}
.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-half { float:left; margin-right:4px; width:278px; }
.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-first, .row-both {
	border-top-width: 0 !important;
}
.row .checkbox {
	padding: 0;
}
.row-section {
	border-top-width: 0 !important;
	margin-top: 5px;
}


.row-special0 {
	background-color: transparent;
}
.row-special0 * {
	font-weight: bold !important;
	font-size: 24px !important;
	line-height: 30px !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;
}





/* generic button style */
/*
.submit {
	padding: 0px 0px 1px 0;
	margin: 0 0 0 5px;

	line-height: 19px !important;
	font-size: 17px;
	vertical-align: top;

	background: #1f78b4 url(i/submit-20-bg.gif) no-repeat top right;
}
.submit button {
	padding: 2px 7px 2px 7px;

	margin: 0;

	line-height: 19px;

	border-width: 0;

	vertical-align: top;

	background: transparent url(i/submit-20-bg.gif) no-repeat top left;

	color: #fff !important;

	cursor: pointer;
	cursor: hand;
}
.submit:hover, .submit_hover {
	background-color: #62a0ca;
}
*/


.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 {
	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 {
	background-position: center right;
}

/* remove left margin from first submit button */
.submit-first {
	margin-left: 0;
}


/* cancel button style */
.submit-cancel {
	margin: 0;
	/*
	background-color: #888 !important;
	background-color: transparent !important;*/
}
/*
.submit-cancel:hover {
	background-color: #555 !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-cancel button {
	color: #0099c7 !important;
}
.submit-cancel:hover button {
	color: #1f78b4 !important;
}
*/


/* green button style */
.submit-new {
	background-color: #33701f;
}
.submit-new:hover {
	background-color: #88ae8f;
}



/* non-clickable button style */
.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;
}





/* make buttons look like links. why ? ask designers */
.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;
}





/* whole page wrapper */
#wrapper {
	position: relative;
/*
	width: 96%;
	width: 950px;
	width: 720px;
*/
	width: 840px;

	margin-left: auto;
	margin-right: auto;

	padding-top: 60px;
}

.wide #wrapper {
	width: 840px;
}


/* content wrapper */
#body {
	margin-left: 230px;

	min-height: 531px;

	padding: 5px 5px 5px 5px;

	background: #d1d0d0 url(i/fff.gif) no-repeat left top;
}



/* new_job is green. adjust body and row */
.page-new_job #body {
	background-color: #c2d4bc;
}
.page-new_job .row {
	border-top: 1px solid #dae4d7;
}



/* my_jobs are blue. adjust body and row */
.section-my_jobs #body, .section-proof #body {
	background-color: #d2e4f0;
}
.section-my_jobs .row, .section-proof .row {
	border-top: 1px solid #b9d7e9;
}





/* site logo */
#logo {
	position: absolute;
	top: 25px;
	left: 0;

	margin-bottom: 0;
}




/* BEGIN: primary site 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;}
/* END: primary site navigation */







/* BEGIN: newjob navigation

new job consists of 1 button only but it is more reliable
then use nested classes and merge into jobs UL

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

	margin: 0;
	padding: 0;
}
#newjob-navigation .prelogin {
	position: absolute;
	left: 0;
	top: 207px;
}
#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;
}
/* END: newjob navigation */




.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;
}




/* BEGIN: 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: #3d3938;
}
#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;
}


/*
#jobs-navigation li.completed {
	background-color: #f3f3f3 !important;
}
#jobs-navigation li.completed-hover {
	background-color: #e0e0e0 !important;
}

#jobs-navigation li.li-head-completed {
	background-color: #f3f3f3 !important;
}
#jobs-navigation li.completed-current {
	background-color: #e0e0e0 !important;
}
*/


/* #jobs-navigation a {padding-left: 30px; background: transparent url(i/icon-folder-go.gif) no-repeat 5px center;} */
/* END: jobs navigation */










/* BEGIN: login panel */
#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;
}
/* END: login panel */

















/* BEGIN: footer styles */
#footer {
	clear: both;

	margin-top: -1px;
	height: 21px;
}
/* hr used for styleless devices only. so hide it */
#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;
}
/* END: footer styles */









/* XMLHTTPRequest progress bar */
#rpc-progress {
	position: absolute;
	left: 0;
	top: 0;

	height: auto;

	background-color: #ff4b00;
	padding: 3px;

	z-index: 1000;

	color: #FFF;
}












/* BEGIN: (?) tooltip box styles */
#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;
}
/* END: (?) tooltip box styles */







/* BEGIN: corners styles */
.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;}



.row .row .corner {
	background-color: #fff;
}

/* adjust corner colors for some specific boxes/sections */
.section-new_job .corner {background-color: #d4e0d0;}
.section-my_jobs .corner, .section-proof .corner {background-color: #d2e4f0;}
#member-login    .corner {background-color: #fff;}
.section-my_jobs .newcard-row {background-color: #e8f1f7;}



/* BEGIN: hide not needed corners from some boxes */
.slider-opened .corner-bottom-left, .slider-opened .corner-bottom-right {
	display: none;
}
.expand-content .corner-top-left, .expand-content .corner-top-right {
	display: none;
}
.row-first .corner-bottom-left, .row-first .corner-bottom-right {
	display: none;
}
.row-last .corner-top-left, .row-last .corner-top-right {
	display: none;
}
/* END: hide not needed corners from some boxes */

















.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;
/*	font-weight: normal;*/
}
.card-row .submit, .card-row .submit-inline {
	height: 19px !important;
	position: absolute;
	right: 107px;
}










/* BEGIN: new cards (green box on new_job page) styles */
.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: 172px;
}
.newcard-row .sets-title {
	left: 255px;
}
.newcard-row select {
	margin-right: 10px;
}
.newcard-row .size {
	position: absolute;
	width: 150px;
}
.newcard-row .quantity {
	position: absolute;
	width: 70px;
	left: 172px;
}
.newcard-row .sets {
	position: absolute;
	left: 255px;
}
.newcard-row .card-price {
	position: absolute;
	right: 110px;
	font-size: 20px;
	line-height: 20px !important;
}
.newcard-row .submit-box {
	display: block;
	text-align: right;
}
/* END: new cards (green box on new_job page) styles */



.newcard-row2 {
	height: 20px;
	padding-top: 25px;
}
.newcard-row2 .size-title, .newcard-row2 .quantity-title, .newcard-row2 .sets-title {
	top: 5px;
}








/* new cards (green box on new_job page) has 5px margin at bottom */
#job-new-cards {
/*	margin-bottom: 5px;*/
}






/* money sum are aligned to right everywhere. let's create style for it */
.sum {
	position: absolute;
	right: 10px;
}
.sum-title {
	font-weight: normal;
	margin-top: 1px;
	margin-right: 90px;
}


h2 .sum {
	margin-top: -1px;
}



/* style for (?) */
.more {
	padding-bottom: 2px;
	color: #ff7f00;
	cursor: help;
}


/* style for help link */
#body a.help {
	/* no style yet */
}

.page-download #body a.help {
	color: #ff8000;
}
	


/* BEGIN: expand headings and content styles */
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.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;
}
/*
.expand-content-closed {
	display: none;
}
*/
/* END: expand headings and content styles */






/* make font a bit large than normal */
.big, .big * {
	font-size: 20px;
	font-weight: normal;
	line-height: 20px !important;
}
strong.big, strong.big * {
	margin-top: 2px;
	line-height: 24px !important;
}
.green, .green * {
	color: #478747;
}



/* used in delivery */
.highlight {
	padding: 5px;
	background-color: #ffb200;
}






.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;
}







/* BEGIN: registration page-specific styles */
.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; }

/*
.page-account-registration label {
	display: block;
	float: none;
}
.page-account-registration input {
	width: 180px;
}
.page-account-registration select {
	width: 186px;
}
.page-account-registration em {
	position: absolute;
	left: 245px;

	width: 220px;

	line-height: 17px;

	color: #c2c2c2;
	font-style: normal;
}
.page-account-registration em * {
	color: #c2c2c2;
}
.page-account-registration #body {
	padding-right: 5px;
}
/*
.page-account-registration .help-box {
	display: none;
}
*/
/* END: registration page-specific styles */

/* BEGIN: logout page-specific styles */
.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; }

/* END:   logout page-specific styles */

/* BEGIN: contact us page-specific styles */
.contact-us, .sample-kit { 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; }
/* END: contact us page-specific styles */

/* BEGIN: sample kit page-specific styles */
.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; }
.help-box .sample-kit h2 {  padding: 15px 0px 5px 0px; }
.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; }
/* END: sample kit page-specific styles */

/* BEGIN: small login form under navigation */
#member-login {
	position: absolute;
	left: 0;
	top: 240px;

	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;
}
/* END: small login form under navigation */








/* job heading has status bar and buttons. style them */
.job-heading {
	position: relative;
}
.job-heading h1 {
	padding-bottom: 10px;
}
.job-heading h1 strong {
	position: absolute;
	right: 10px;
	height: 25px;
}
.job-heading .job-actions {
/*
	position: absolute;
	top: 8px;
	right: 0;
*/
	position: relative;

	text-align: right;
	background-color: #bbd6e8;
	padding: 5px;
}
.job-heading img {
	position: absolute;
	left: 220px;
	top: 12px;
}

.job-heading .job-actions ul {
/*	float:left;*/
	position: absolute;
	left: 5px;

	padding: 1px 0 0 5px;
	margin: 0;
}
.job-heading .job-actions li {
	float:left;
	list-style-type: none;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10px;
	padding-right: 23px;
}
.job-heading .job-actions .prev {
	color: #888;
	background: transparent url(i/job-state-prev.gif) no-repeat left 6px;
}
.job-heading .job-actions .current {
	color: #555;
	background: transparent url(i/job-state-current.gif) no-repeat left 6px;
}
.job-heading .job-actions .next {
	color: #fff;
	background: transparent url(i/job-state-next.gif) no-repeat left 6px;
}


/* default corners are too bright for blue background. update */
/*
.job-heading .submit, #member-login .submit {
	background: #1f78b4 url(i/submit-20-blue-bg.gif) no-repeat top right;
}
.job-heading .submit button, #member-login .submit button {
	background: transparent url(i/submit-20-blue-bg.gif) no-repeat top left;
}
.job-heading .submit:hover, #member-login .submit:hover {
	background-color: #62a0ca;
}



.row-special2 .submit {
	background-image: url(i/submit-20-orange-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.row-special2 .submit button {
	background-image: url(i/submit-20-orange-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.row-special3 .submit {
	background-image: url(i/submit-20-adc6a5-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.row-special3 .submit button {
	background-image: url(i/submit-20-adc6a5-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


.row-special6 .submit {
	background-image: url(i/submit-20-888-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.row-special6 .submit button {
	background-image: url(i/submit-20-888-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


.row-special4 .submit {
	background-image: url(i/submit-20-c2-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.row-special4 .submit button {
	background-image: url(i/submit-20-c2-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

*/


/* BEGIN: jobs paging styles */
#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.hover {
	background-color: #e8f1f7 !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;
}
/* END: jobs paging styles */







.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;
}





.name-title {
	float: none !important;
}
.type-title {
	position: absolute;
	top: 10px;
	left: 223px;
}





.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;
}







/* huge text in blocks */
.huge * {
	font-size: 20px;
}
.huge p {
	color: #888;
	line-height: 26px !important;
}
.huge strong {
	font-weight: normal;
}

/* H1 inside row ? what the hell ? no sense ? yep */
.row h1 {
	padding: 5px 0 20px 0px;
}
.row h1 em {
	display: block;
	padding-top: 10px;
}









/* row that appears as sidebar... no comments */
.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;
}













.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;
}





.section-download select {
	width: 147px;
}

div.hint {
	width: 260px;
	padding: 10px;
	background-color: #f1f1f2;
}

.section-printing div.hint {
	margin: 0px;	
	width: 260px!important;
}

.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;
}


.button-print {
	display: block;

	padding: 5px 0 3px 30px;

	background: transparent url(i/icon-print.gif) no-repeat left center;
}



.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 .current a {
	padding-bottom: 5px;
	width: 110px;
	height: 21px;
	
	background-color: #fff;
	color: #000;
	font-weight: bold;
	background-image: none !important;
}
*/


.tabs-content {
	border-top-width: 0;
}

.page-download .tabs {
	overflow: hidden;
	margin-top: 5px;
}

.page-download #btn_download {
	padding: 0px;
	border: none;
	margin: 4px 0px;
}



/* A with PDF icon */
.pdf {
	clear: both;
	display: block;
	padding-left: 22px;
	line-height: 30px;
	background: transparent url(i/icon-pdf.gif) no-repeat left center;
}




/* loading icon */
.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;
}




.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-approve {
	float: left;
	width: 33%;
	margin-bottom: 0;
}

.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;}

.card-step-wait .submit {background-color: #4e4948;}
.card-step-wait .submit:hover {background-color: #4e4948;}

.card-step-approve .submit {background-color: #3f8129;}
.card-step-approve .submit:hover {background-color: #3f8129;}




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




p.warning {
	padding: 5px;
	margin-bottom: 0;

	text-align: left;

	color: red;

	background-color: #fff;
/*
	border: 1px solid red;
*/
}




#job-misc label {
	display: inline;
}



#discount-error {
	position: absolute;
	left: 350px;
	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;*/
}




.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; }


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

.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;
}

.expandingImages span img {
	display: none;
}
.expandingImages span.no-hide img {
	display: block;
}
.expandingImages img {
	margin: 15px 0;
}

/* BEGIN: proofing tool page-specific styles */
.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; }
#body .instructions-template ol.h3-list p { font-weight: normal; line-height:140%; }

.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;  }
/* END: proofing tool page-specific styles */

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

/*
.page-printing-and-color table {
	border-collapse: collapse;
	border-width: 0;
}
.page-printing-and-color .first th, .page-printing-and-color .first td {
	border-top-width: 0;
}
.page-printing-and-color th, .page-printing-and-color td {
	padding: 5px;
	border-top: 1px solid #e4e4e4;
}
.page-printing-and-color th {
	font-size: 18px;
	font-weight: normal;
	color: #858383;
	text-align: left;
}
*/

/* BEGIN: page-printing-and-color page-specific styles */
.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-printing .halfboxed div { width: 280px; margin-right: 20px; }
.section-printing .halfboxed div.right { margin-right: 0!important; }
.section-printing .halfboxed div p { margin-bottom: 10px; }

.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; }
/* END: page-printing-and-color page-specific styles */


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



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


.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;
}






.box-1 {
	border: 1px solid #d8d8d8;
}




.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;
}



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


.submit-loading-left, .submit-loading-right {
	float: none;
	margin: 0;
}




#discount-total, #shipping-total {
	margin-top: -3px;
}


#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;
}

.proof-server-card h2 { position: absolute; color: #fff; padding: 15px; font-size: 22px; line-height: 110%!important;  }

/** card-sizes */
.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: 290px; margin-bottom: 24px; 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: 0px; }
.section-products div.card-sizes div.bottom h2 { margin: 10px 0 9px 0; }



/** types-of-printing */
.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; }


.bg-gray { background: #f2f2f2; padding: 5px; margin-left: -5px; width: 580px; }
.pipe-gray { color: #d1d1d1; }

/* sample-kit */
.grey { color: #939598!important; }

.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; }

/** kit-contents */
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; }
h2 span { font-size: 100%; }

/** page-my_jobs */
.inline { display: inline; }
.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; }

span.orange, small.orange { color: #ff8000!important; }
h2 sup { vertical-align: super!important; }
h2 small { font-size: 75%; }

/* 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: 0 -26px; }

.pseudo-button-off { display: block; height: 26px; } 
.pseudo-button-off * { display: none; }
.pseudo-button-off { 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; }
.start-new-job-button { background-image: url(/images/buttons/start_a_new_job_button.gif); width: 160px; }
.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; }
.check-this-card2 { background-image: url(/images/buttons/CheckFiles.png); width: 195px; }

.section-my_jobs .check-this-card  { position: absolute; bottom: 10px; right: 10px; }
.section-my_jobs .check-this-card2  { position: absolute; bottom: 30px; right: 10px; }

.section-my_jobs .get-proofing-tool-orange { margin-right: 10px; display: inline-block; }

/* help-calculator */
.help-calculator { padding: 0px 5px; }
.help-box .help-calculator h2 { padding: 5px 0px 14px 0px; font-size:18px; }
.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; }

/* 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 * { 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; }

#gap { overflow: hidden; width: 370px; height: 158px; position: relative; }
h2 * { vertical-align: baseline!important;  }
.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; }

#shipping-box .submit { margin-left: 0; }


/* all */
.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; }