/*
 * Stumptown Printers
 * CSS by Nate Beaty / Clixel 2009
 *
 *
 * Almost White: F6F2E7
 * Light Beige: F2EACF
 * Middle Beige: EAD9AA
 * Tan: CFB276
 * Darker Tan (for text): C4A060
 * Medium Brown: 674C2C
 * Dark Brown: 573C1A
 * Red: 984F2B
 * Light Red: AF6638
 * */

html, body { height: 100%; }
body { 
	background:#ebd9aa;
	text-align:left;
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	color:#573C1A;
}

a { color:#c4a060; text-decoration:none; }
a:hover { color:#573C1A; text-decoration:underline; }
a img { border:0; }
a.underline { text-decoration: underline; color:#573C1A; }
a.underline:hover { color:#984f2b; }
a.brown { color:#573C1A; }
a.brown:hover { color:#573C1A; text-decoration: underline; }

h1,h2,h3,h4 { margin:.7em 0; }
h1 { font-size:20px; color:#984f2b; }
h2 { font-size:14px; }
h3 { font-size:12px; }
h4 { font-size:11px; }
p,ul,dl { line-height:1.4em; }
dl { margin:0; }

.spaced { margin-top:20px; }
p.small { font-size:11px; }
div.intro p, p.intro {
	font-family: Georgia, Times, serif; 
	color:#c7a667;
	font-size: 20px;
	line-height:1.25em;
	margin:0 0 16px 0;
}

#wrapper { 
	text-align:left;
	width:950px; 
	margin:10px auto;
	background:url(/img/main-bg.gif) top left repeat-y;
	position:relative;
}
#header {
	background:url(/img/header.gif) top left no-repeat;
	height:209px; 
	position:relative;
}

#home-page h1 { display:none; }
a#top,
a#top:hover { display:block; text-decoration: none; position:absolute; top:20px; left:20px; width:900px; height:120px; background:none; }

ul#nav {
	position: absolute;
	top:142px;
	left:168px;
	width:700px;
	/* width:654px; */
	height:48px;
	margin:0;
	padding:0;
}
ul#nav li { display:inline; margin:0; padding:0; }
ul#nav li a {
	display:block;
	height:48px;
	background-image:url(/img/nav.gif);
	overflow:hidden;
	text-indent:-1000em;
	float:left;
}
a#nav-home { width:92px; background-position:0 0; }
a#nav-print { width:163px; background-position:-99px 0; }
a#nav-store { width:117px; background-position:-262px 0; }
a#nav-faq { width:87px; background-position:-379px 0; }
a#nav-links { width:85px; background-position:-466px 0; }
a#nav-login { width:101px; background-position:-551px 0; }
a#nav-logout { width:101px; background-position:-665px 0; }
a#nav-myAccount{width: 55px; background-position: -650px 0;}

a#nav-home.active,a#nav-home:hover { background-position:0 -85px; }
a#nav-print.active,a#nav-print:hover { background-position:-99px -85px; }
a#nav-store.active,a#nav-store:hover { background-position:-262px -85px; }
a#nav-faq.active,a#nav-faq:hover { background-position:-379px -85px; }
a#nav-links.active,a#nav-links:hover { background-position:-466px -85px; }
a#nav-login:hover { background-position:-551px -85px; }
a#nav-logout:hover { background-position:-665px -85px; }
a#nav-myAccount:hover, a#nav-myAccount.active { background-position:-650px -85px; }

#leftnav { float:left; width:206px; padding-top:50px; position: relative; }
#main { float:left; width:510px; padding-top:50px; margin-left:36px; }
#rightnav { float:left; width:190px; }
#footer { 
	margin-top:30px;
	height:132px;
	background:#ebd9aa url(/img/bottom.gif) top left no-repeat;
}
.clear { clear:both; }
.spacer { clear:both; height:0; font-size:0; line-height:0; } 
.inline { display:inline ; }
div.clear.spaced { height:30px; }

ul.sidenav {
	margin: 0 0 0 48px;
	padding: 0 0 4px 0;
	list-style: none;
	width: 140px;
	background:url(/img/dots.gif) bottom left no-repeat;
	color:#984F2B; 
}
ul.sidenav li {
	display: block;
	padding:3px 0 0 0;
	margin:0; 
	list-style: none;
	background:url(/img/dots.gif) top left no-repeat;
}
ul.sidenav li a {
	display:block;
	padding:2px 6px;
	margin:2px 0;  
	background:none; 
	font-weight: bold;
	color:#984F2B;
	text-decoration: none;
}
ul.sidenav li a:hover,
ul.sidenav li a.active {
	background:#F6F2E7;
	text-decoration: none;
}

/* for absolutely positioned buttons */
ul.sidenav li.noborder,
ul.sidenav li.noborder a:hover,
ul.sidenav li.noborder a:active { background:none; height:0; padding:0; }

/* nested subnav */
ul.sidenav ul { margin:2px 0 8px 0; padding:8px 0 0 14px; font-size:10px; background:url(/img/dots.gif) top left no-repeat; color:#573C1A; line-height:1.1em; }
ul.sidenav ul li { background:none; padding:0; }
ul.sidenav ul li.spaced { margin-top:10px; }
ul.sidenav ul li a { padding:0; font-weight:normal; color:#674C2C; padding:2px 0; }
ul.sidenav ul li a:hover { background:none; text-decoration: underline; }

ul.sidenav ul li a.active { background:none; font-weight: bold; }
ul.sidenav ul ul { background:none; padding:0 0 0 8px; }
ul.sidenav ul ul a { color:#984F2B; }


#leftnav ul.simple {
	margin-left:66px;
	font-size:10px;
	line-height:1.3em;
}
#leftnav ul.simple a { display:block; color:#573C1A; text-decoration:none; padding:2px 0; }
#leftnav ul.simple a:hover { color:#674C2C; background:none; text-decoration: underline; }

#newsreel{
    background:url("../img/BG-news-feed.png") no-repeat scroll left top transparent;
    height:587px;
    margin:20px 0 10px 33px;
    text-align:center;
    width:170px;
    padding-top: 10px;
    position: relative;
}
#newsreel h3{
    background:url("../img/stumptown-newsreel.png") no-repeat scroll left top transparent;
    display:block;
    font-size:0;
    height:168px;
    line-height:0;
    margin:0 5px;
    text-indent:-9999px;
    width:145px;
}
#newsreel h4{
    background:url("../img/follow-stumptown.png") no-repeat scroll left top transparent;
    bottom:24px;
    display:block;
    font-size:0;
    height:122px;
    left:12px;
    line-height:0;
    position:absolute;
    text-indent:-9999px;
    width:140px;   
}
#newsreel a{
    color: #573C1A;
}
#newsreel #twitter-feed{
    height:275px;
    margin:-31px 10px 10px;
    overflow:hidden;
    text-align: left;
    font-size: 10px;
    padding: 0 20px;
}
#newsreel #twitter-feed ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#newsreel #twitter-feed li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px #fff solid;
    word-wrap: break-word;
}
#newsreel #twitter-feed li span{
    display: block;
}
#newsreel a#news-more{
    background:url("../img/news-more.png") no-repeat scroll left top transparent;
    display:block;
    font-size:0;
    height:10px;
    line-height:0;
    margin:0 auto;
    text-indent:-9999px;
    width:57px;
}
#newsreel a#news-more:hover{
    background: url(../img/news-more.png) bottom left no-repeat;
}
#newsreel #social-media{
    list-style: none;
    position: absolute;
    bottom: 34px;
}
#newsreel #social-media li{
    float: left;
}
#newsreel #social-media a{
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    background: url(../img/icon-twitter.png) top left no-repeat;
    padding-right: 3px;
}
#newsreel #social-media #flickr a{
    background: url(../img/icon-flickr.png) top left no-repeat;
}
#newsreel #social-media #rss-feed a{
    background: url(../img/icon-rss.png) top left no-repeat;
}
#newsreel #social-media #myspace a{
    background: url(../img/icon-myspace.png) top left no-repeat;
}
#newsreel #social-media #facebook a{
    background: url(../img/icon-facebook.png) top left no-repeat;
}
a#nav-email,
a#nav-phone,
a#nav-estimate,
a#nav-mailing { 
	position:absolute;
	top:214px;
	left:678px;
	width:181px;
	height:24px;
	display:block;
	background-image:url(/img/phone-email.gif);
	background-position:0 0;
	text-indent:-1000em;
}
a#nav-email { left:863px; background-position:-185px 8px; width:25px; top:206px; height:30px; }
a#nav-email:hover { background-position:-185px -60px; }
a#nav-phone:hover { background-position:0 -68px; }
a#nav-estimate {
	top: 234px;
	left: 775px;
	background-image:url(/img/get-estimate.gif);
	background-position:0 -187px;
	height:154px; 
}
a#nav-estimate:hover { background-position:0 0;}
a#nav-mailing {
	top: 543px;
	left: 656px;
	width: 240px;
	height:203px;
	background-position:0 -230px;
	background-image:url(/img/mailing-list.png);
}
a#nav-mailing:hover { background-position:0 0; }


/* Homepage */

p#home-intro { margin:0; padding:0; background:url(/img/home-intro.jpg) top left no-repeat; width:533px; height:392px; }
p#home-intro span { visibility:hidden; }
#home-contact {
	margin:30px 0 0 0;
	font-weight:bold;
	text-align:right; 
}
#home-contact img { display:block; float:right; margin-left:20px; }
#home-contact h2, #home-hours h2 {
	width:220px;
	height:12px;
	background:url(/img/h2-contact-us.gif) top right no-repeat;
	float:right;
	margin:0; 
}
#home-contact h2#hours{
    background:url(/img/h2-hours.gif) top right no-repeat;
}
#home-contact h2 span { visibility:hidden; }
ul.simple { list-style:none; margin:0; padding:0; }
ul.simple li { list-style:none; }


/* News page */
.news .rightInfo{
    overflow: hidden;
    word-wrap: break-word;
}
.news { overflow:auto; }
.news.with-image h4,
.news.with-image h2,
.news.with-image p { padding-left:; }
.press,.news {
	padding:0 10px 20px 0;
	background:url(/img/divider-squares.gif) bottom left no-repeat;
	margin-bottom:30px;
    overflow: hidden;
}
.news h4 { margin:0; text-transform:uppercase; font-weight: normal; font-size:9px; }
.news h2 { margin-bottom:0; }
.news p { margin:.2em 0 .8em 0; }

p.breadcrumb { margin:-28px 0 0 0; color:#c4a060; font-size:10px; }
p.breadcrumb a { color:#c4a060; }

.news .image {
	float:left;
    margin-right: 20px;
}
.news .image img{
    max-width:162px;
}
img.with-border { display:block; border:8px solid #cfb276; }
/* .news.with-image .image img { display:block; border:7px solid #cfb276; } */
.news.with-image .image p { font-size:9px; margin:10px 0; color:#984F2B; padding:0; }
p.submittor { color:#c4a060; margin-top:-.6em; }

p.back-to-top { text-align:right; padding-right:20px; margin:0; }
p.back-to-top a { text-decoration: underline; }


/* Press page */

.press dt { font-size:9px; text-transform: uppercase; }
.press dd { font-size:11px; margin:0 0 16px 0; }
.press dl a { color:#573C1A; text-decoration: underline; }

.hr { width:512px; height:14px; background:url(/img/divider-round.gif) top left no-repeat; margin:20px 0; }
.hr.squiggly { background:url(/img/divider-squiggly.gif) top left no-repeat; }
.hr.round { background:url(/img/divider-round.gif) top left no-repeat; }
.hr hr { display:none; }


/* Meet the Workers page */

.worker {
	position: relative;
	background: #fff url(/img/worker-top.gif) top left repeat-x;
	padding: 4px;
	margin:40px 0 10px 0;
}
.worker img { position:absolute; top:-28px; left:37px; }
.worker h3 {
	font-size: 21px;
	font-family: georgia, times, serif;
	margin: 30px 0 0 180px;
	color: #984f2b;
	font-weight:normal;
}
.worker p.job { margin:0 0 0 180px; font-weight:bold; }
.worker .pad { border:1px solid #ede1c6; margin:3px; }
.worker table { width:460px; margin:46px auto 8px auto; }
.worker table td { vertical-align: top; font-family: georgia, times, serif; }
.worker table td.label {
	width: 148px;
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	font-family: helvetica, arial, sans-serif;
}


/* Process page */

.process { padding:0 0 2px 0; background:url(/img/divider-squiggly.gif) bottom left no-repeat; margin-bottom:20px; }
body#process-page img.with-border { margin:25px 0; }
.process h3 { margin-bottom:2px; }
.process h4 { color:#984F2B; }
.process p { padding-right:120px; margin:0 0 1.4em 0; }
.process p.back-to-top { padding-right:0; margin-top:-10px; }
.paper { padding-bottom:15px; background:url(/img/dots-small.gif) bottom left no-repeat; margin-bottom:15px; }
.paper h4.title { text-transform: uppercase; }
.paper.tail { background:none; margin-bottom:0; }
.ink img,.paper img { border:1px solid #d7d6d3; float:left; }
.paper p { margin:0 0 0 105px; }
.paper h4 { color:#984f2b; margin:0 0 2px 105px; font-size:11px; }
.ink { float:left; width:102px; margin-bottom:10px; font-size:9px; }
.ink img { display:block; margin-bottom:4px; }
.ink h4 { margin:2px 0; }


/* Store page */

.store,.links,.faq { 
	padding:0 10px 30px 0;
	background:url(/img/divider-squiggly.gif) bottom left no-repeat;
	margin-bottom:30px;
}
.store .image { width:320px; float:left; }
.store .image img { display:block; }
.store .info { margin-left:325px; font-size:11px; }
.store .quantity { width:60px; }
.store .price,
.store label  { font-weight: bold; }
.store input { vertical-align: middle; }
a.zoom,
a#nav-view-cart,
a#nav-checkout,
a#nav-print-services,
a#nav-stores-carrying-stumptown,
button.add-to-cart {
    display:block;
    text-indent:-1000em;
    background-image:url(/img/store-buttons.png);
    position:absolute;
}
input.add-to-cart {
    display:block;
    text-indent:-1000em;
    background-image:url(/img/store-buttons.png);
    position:absolute;
}
a.zoom { width:50px; height:16px; background-position:-563px -366px; }
button.add-to-cart { border:0; width: 126px; height:35px; background-position:-395px -362px; margin-top:25px; cursor:pointer; position:relative; }
button.add-to-cart:hover { border:0; width: 126px; height:35px; background-position:-395px -442px; }
input.add-to-cart { border:0; width: 126px; height:35px; background-position:-395px -362px; margin-top:25px; cursor:pointer; position:relative; }
input.add-to-cart:hover { border:0; width: 126px; height:35px; background-position:-395px -442px; }
a#nav-print-services {
	width:175px;
	height:200px;
	background-position:-192px -22px;
/* 	top:494px; */
	bottom:-236px;
	left:29px;
	padding:0;
}
a#nav-print-services:hover { background-position:-192px -414px;}
a#nav-stores-carrying-stumptown {
	width:115px;
	height:227px;
	background-position:-21px -17px; 
/* 	top:711px; */
	bottom:-480px;
	left:54px;
	padding:0;
}
a#nav-stores-carrying-stumptown:hover { background-position:-21px -409px; }
a#nav-view-cart { 
	width:115px;
	height:115px;
	background-position:-390px -14px;
	left:754px;
	top:245px;
}
a#nav-view-cart:hover { background-position:-390px -165px; }
a#nav-checkout {
	width:120px;
	height:85px;
	background-position:-527px -16px;
	left:743px;
	top:342px;
}
a#nav-checkout:hover { background-position:-527px -165px;}

#main ul { list-style:none; margin:0; padding:0; }
#main ul li { list-style:none; }
#main ul li a { color:#573C1A; }
#main ul li a:hover { color:#674C2C; background:none; }


/* Links page */

.links { font-size:11px; line-height:1.3em; }
.links h2 { margin-bottom:2px; }
.links dt { font-style: italic; }
.links dd { margin:0 0 16px 0; }
.links strong { color:#984F2B; }

/* FAQ page */
	
.faq h2 { margin-bottom:2px; }
.faq dt { color:#984f2b; font-weight: bold;}
.faq dd { margin:0 0 16px 0; }


/* Print Services */

a#nav-art-guidelines,
a#nav-paper-options,
a#nav-ink-options,
a#nav-download-templates,
a#nav-download-pdf,
a#nav-order-a-catalog,
a#nav-questions {
	display:block;
	text-indent:-1000em;
	position:absolute;
	left:790px;
	top:370px;
	width:110px;
	height:68px;
	background-image:url(/img/print-services-buttons.png);
	background-position:0 0;
}
a#nav-paper-options { background-position:0 -76px; top:428px; }
a#nav-ink-options { background-position:0 -162px; top:493px; }
a#nav-download-templates { background-position:0 -243px; top:555px;}
a#nav-download-pdf { background-position:0 -321px; top:613px; }
a#nav-order-a-catalog { background-position:0 -400px; top:670px; }

a#nav-art-guidelines:hover { background-position:-130px 0; }
a#nav-paper-options:hover:hover { background-position:-130px -76px; }
a#nav-ink-options:hover { background-position:-130px -162px; }
a#nav-download-templates:hover { background-position:-130px -243px;}
a#nav-download-pdf:hover { background-position:-130px -321px; }
a#nav-order-a-catalog:hover { background-position:-130px -400px; }

a#nav-questions { width:210px; height:252px; background-position:-23px -563px; /* top:570px; */ top: auto;bottom:-300px; left:9px; padding:0; }


/* Print Services */

#print-services-page p.intro { margin-bottom:40px; }
a.packaging { width:33%; float:left; margin-bottom:20px; }
a.packaging img { display:block; margin:0 auto 10px auto; }
a.packaging .title { display:block; text-align:center; font-weight: bold; color:#984F2B; }
a.packaging:hover .title { color:#c4a060; }

.floating-image-intro img { display:block; float:left; }
.floating-image-intro p { margin-left:275px; }

/* Popups */

body.popup {
	background:#ead9aa url(/img/popup-bg.jpg) top left repeat-x;
}
#popup-wrapper { width:500px; margin:40px auto; }
body.popup .pad {
	text-align: left;
	padding:0 40px; 
}
.column { width:210px; float:left; }
.column.tail { width: 170px; border:0; padding-left:30px;  }
.column.tail.lined { border-left:1px solid #ceaf72; }

/* Simple popups with just text or an image */
body.popup-mini {
	background:#ead9aa; padding:20px;
}
body.popup-mini .pad { text-align:left; }

label,.faux-label { display:block; font-size:11px; margin:10px 0 3px 0; font-weight: bold; color:#984f2b; }
.faux-label { display:inline; }
h3.faux-label { display:block; margin-bottom:8px; }
label.inline { display:inline; }
label.spaced { margin-top:26px; }
input,textarea { padding:4px 4px 2px 4px; font-size:12px; vertical-align: bottom; font-family:helvetica, arial, sans-serif; margin-left:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit-only rule for label alignment */
input { vertical-align: baseline; }
}
/*input[type=text] { border:0; }*/
input[type=submit] { }
p.help { font-size:9px; margin:3px 0; }
p.help a { color:#573c1a; text-decoration: underline; }
p.help a:hover { color:#984f2b; }
fieldset { border:0; margin:0; padding:10px 0 30px 0; }
fieldset.nospace { padding-top:8px; padding-bottom:8px; }

/* Login form */

h1#login-header {
	background: url(/img/login-header.jpg) top left no-repeat;
	width: 500px;
	height: 103px;
	text-indent: -1000em;
	margin:0;
}
#login-form .column input { width:170px; }
#login-auto-label { margin-top:20px; }

.single-column label {
	width:115px;
	float: left;
	text-align: right;
	padding-right: 13px;
	clear: left;
	line-height: 24px;
	margin:0;
}
.single-column label.inline { float:none; text-align:left; padding:0; clear:none; display:inline; }
.single-column label.checkbox { float:none; text-align:left; padding:0; margin-left:127px; width:auto; }
.single-column input,
.single-column select {
	margin-bottom:10px;
}
.single-column input { width: 250px; }
.single-column h2 { margin-bottom:0; }
.single-column p.help { margin-bottom:12px; }

/* Buttons */
button { 
	border:0;
	text-indent:-1000em;
	background-color:transparent;
	background-image:url(/img/buttons.gif);
	cursor: pointer;
}
input.submit { 
    border:0;
    text-indent:-9999px;
    background-color:transparent;
    background-image:url(/img/buttons.gif);
    cursor: pointer;
    font-size:0;
    display: block;
    line-height: 0;
}
#login-page button.submit { margin-top:25px; height:35px; }
#submit-continue {
	background-position:0 -67px;
	width:105px;
	height:35px;
	float:right;
}
#submit-continue:hover { background-position: -210px -67px; }
#submit-back {
	background-position:0 -135px;
	width:105px;
	height:35px;
	float:right;
	margin-right:15px;
}
#submit-back:hover { background-position: -210px -135px; }
#submit-addnew {
	background-position:0 -270px;
	width:130px;
	height:35px;
	float:right;
	margin-right:15px;
}
#submit-addnew:hover { background-position: -210px -270px; }
#submit-submit {
	background-position:0 -531px;
	width:111px;
	height:35px;
	float:right;
}
#submit-submit:hover { background-position: -210px -531px; }
#submit-checkout {
	background-position:0 348px;
	width:125px;
	height:35px;
	float:right;
}
#submit-checkout:hover { background-position: -210px -652px; }
#submit-updatecart {
	background-position:0 -718px;
	width:126px;
	height:35px;
	float:right;
}
#submit-updatecart:hover { background-position: -210px -718px; }
#submit-continueshopping {
	background-position:0 -850px;
	width:168px;
	height:35px;
	float:right;
}
#submit-continueshopping:hover { background-position: -210px -850px; }
#submit-continuecheckout {
	background-position:0 -911px;
	width:168px;
	height:35px;
	float:right;
}
#submit-continuecheckout:hover { background-position: -210px -911px; }
#submit-order {
	background-position:0 -784px;
	width:125px;
	height:35px;
	float:right;
}
#submit-order:hover { background-position: -210px -784px; }



/* Download Templates */
h1#download-templates-header {
	background: url(/img/download-templates-header.jpg) top left no-repeat;
	width: 500px;
	height: 108px;
	text-indent: -1000em;
	margin:0;
}
.download-list h2 { margin-bottom:2px; }
.download-list a { color:#674c2c; text-decoration: none; font-size: 11px;}
.download-list a:hover { text-decoration: underline;}
.download-list ul { margin-bottom:20px; line-height: 1.5em; }


/* Place Order */
body#place-order-page { background:#984f2b url(/img/place-order-bg.jpg) top left repeat-x; }
body#place-order-page #wrapper { width:775px; margin:40px auto; background:none; }
h1#place-order-header {
	background: url(/img/place-order-header.gif) top left no-repeat;
	width: 483px;
	height: 54px;
	text-indent: -1000em;
	margin:0 0 16px 0;
}
#col1 { width:480px; float:left; padding-right:24px; background:url(/img/place-order-divider-lines.gif) top right repeat-y; margin-right:12px; }
#col2 { width:240px; float:left; }

#widebox { background:#f2eacf; width:480px; margin-left:2px; overflow:hidden; }
#box { background:#f6f2e7; width:237px; }
#widebox .pad { padding:1px 29px; }
#box .pad { padding:1px 16px 0 18px; }

	/* .. thank IE for this gunk */
#widebox-top { background: url(/img/rounded-top-wide.gif) top left no-repeat; width:480px; height:11px; margin-left:2px; overflow:hidden; }
#widebox-bottom { background: url(/img/rounded-bottom-wide.gif) top left no-repeat; width:480px; height:11px; margin-left:2px; }
#box-top { background: url(/img/rounded-top.gif) top left no-repeat; width:237px; height:8px; overflow:hidden; }
#box-bottom { background: url(/img/rounded-bottom.gif) top left no-repeat; width:237px; height:8px; }

.hr.brownsquare { width:770px; height:14px; background:url(/img/divider-squares-brown.gif) top left no-repeat; margin:20px 0; }
.hr.dots { width:424px; height:12px; background:url(/img/divider-dots.gif) top left no-repeat; margin:10px 0; }
.hr.line { width:424px; height:4px; background:none; border-top:1px solid #d8c08c; }

ul#four-steps { width:775px; height:80px; background:url(/img/four-steps.png) top left no-repeat; margin-left:-4px; }
ul#four-steps li { width:156px; float:left; height:80px; text-indent:-1000em; margin-right:7px;}
ul#four-steps li#step-title { width:120px; margin:0;} 
ul#four-steps li#confirm { margin-right:0; }
ul#four-steps li#step-product.active { background:url(/img/four-steps.png) -120px -120px no-repeat; }
ul#four-steps li#step-contact.active { background:url(/img/four-steps.png) -283px -120px no-repeat; }
ul#four-steps li#step-upload.active { background:url(/img/four-steps.png) -446px -120px no-repeat; }
ul#four-steps li#step-confirm.active { background:url(/img/four-steps.png) -609px -120px no-repeat; }

#widebox form { padding-bottom:12px; }
body#place-order-page label { margin:0 0 8px 0; }
.indented { padding-left:16px; }

/* place order sidebar */
#box a:hover { text-decoration:none; }
#box h3 { color:#c7a667; }
.orderitem-title { background:#cfb276; color:#f6f2e7; padding:4px 8px 2px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:inline; font-weight: bold; }
#box h4 { font-size:8px; font-weight: normal; }
#box h3 a { padding:4px 4px 4px 1px; line-height:1.4em;}

table.order { font-size:9px; width:100%; border-collapse: collapse; }
table.order td { vertical-align: top; padding-bottom:8px; line-height:1.2em; }
table.order td.label { text-transform: uppercase; width:34%; font-size:8px; font-weight: bold; color:#984F2B; }
table.order td.item { 
    display:block;
    overflow:hidden;
    white-space:pre-wrap;
    width:125px;
    word-wrap:break-word;
}
table.order td.link { text-align: right; white-space: nowrap; }
table.order td.item.total { padding-top:8px; }
table.order td.item.total strong { border-top:2px solid #cfc5b4; padding-top:8px; display:block; }

/* place order 1-4 */
strong.big { font-size:14px; color:#984F2B; }
#widebox form h2 { margin-bottom:0; }
#widebox form h2 em { font-style: normal; }
#box h3.lined { padding-bottom:6px; border:1px solid #f0e6c9; border-width: 0 0 1px 0; margin-bottom:20px; }
.order-item { width:129px; float:left; margin-right:6px; }
.order-item.tail { margin-right:0; }
.order-item input { float:left; margin-left:4px; }
body#place-order-page .order-item label { margin-left:26px; padding-top:4px; }

/* place order 5 */
.ink-color { width:90px; margin-right:10px; float:left; }
.ink-color.wide { width:100%; }
.ink-color img { display:block; border:1px solid #d7d6d3; margin:0 0 4px 24px; }
.ink-color.tail { margin-right:0; }
.ink-color input { float:left; }
body#place-order-page .ink-color label { margin:0 0 12px 0; }
.ink-title { display:block; margin-left:24px; font-weight: bold; font-size: 11px; color:#984F2B; }
#ink-colors { margin-top:24px; }

input.mini-inline { width:60px; padding:2px; margin-left:8px; float:none; }

#color-notes-label { width:52px; float:left; padding-top:5px; }
#widebox textarea { border:0; height:60px; padding:4px; width:416px; }
#widebox textarea#color-notes { width: 350px; float:left; }

/* place order 6 */
#choose-paper-top { width: 420px; height:90px; background:url(/img/choose-paper-bg.gif) 204px 0 no-repeat; overflow: hidden; }
#choose-paper { width: 420px; }
#choose-paper td.title { width:80px; padding:0 6px 0 35px; text-align: right; font-weight: bold; height:70px; font-size:11px; color:#984F2B; }
#choose-paper td.image { width:65px; }
#choose-paper td.cb1,
#choose-paper td.cb2,
#choose-paper td.cb3 { width:22px; padding-left:4px;}
#choose-paper td.cb2,
#choose-paper td.cb3,
#choose-paper td.cb4 { border-left:1px solid #fff; padding-left:12px;}
#choose-paper img { display:block; border:1px solid #d7d6d3; margin-top:4px; }
#paper-other { padding:4px; font-size:12px; margin:0 0 -4px 0; width:52px; }
body#place-order-page label#paper-other-label { margin-top:10px; }

p.note { font-size:12px; margin-top:4px; }

/* place order 7 */
#choose-binding td.title { width:140px; text-align: right; font-weight: bold; height:30px; font-size:11px; color:#984F2B; }
body#place-order-page #choose-binding label { font-weight: normal; color:#674C2C; margin-bottom:4px; }
#choose-binding td.cb1,#choose-binding td.cb2 { padding-left:8px; }

/* place order 8 */
#project-overview { width:420px; margin-top:20px; }
#project-overview a:hover { text-decoration: none; }
#project-overview td { vertical-align: top; padding-bottom:20px; }
#project-overview td.item { width:80px; padding-top:6px;}
#project-overview td.item-total { text-align: right; font-weight: bold; padding:0 20px 4px 0; vertical-align: bottom; }
#project-overview td.contents { width:215px; line-height:1.2em; }
#project-overview td.price { width:45px; text-align: center;}
#project-overview td.price.total { border-top:1px solid #a59375; vertical-align: bottom;  padding:4px 0 0 0;}
#project-overview td.price.total strong { background:#f6f2e7; padding:4px 0; width:100%; display:block; }

#project-overview td.link { font-size: 9px; white-space: nowrap; }

/* place order 9 */
#finishing-options-form label.inline { font-weight: normal; color:#984F2B; }
fieldset.indented .hr.dots { width:408px; }
#widebox fieldset.indented textarea { width:395px; }

/* place order 10-13 */
/* login form on place order page is bit of anomaly, requiring overly specific rules */
body#place-order-page #login-form label { margin:10px 0 3px; }
body#place-order-page #login-form label.spaced { margin-top:26px; }
body#place-order-page #login-form .single-column label { margin:0; }
body#place-order-page #login-form .single-column label.checkbox { margin-left:126px; }
body#place-order-page #login-form .single-column label.checkbox input { margin-bottom:6px; width:auto; }

/* place order 14 */
label.file input { 
	font-size:12px; 
	vertical-align: baseline;
}
label.file { padding-left:25px; font-weight: normal; color:#674C2C; }

/* place order 15 */
table.project-item { width:100%; border-collapse:collapse; }
table.project-item a:hover { text-decoration: none; }
table.project-item td { vertical-align: top; padding-top:5px; padding-bottom:10px; }
table.project-item td.item-title { width:85px; }
table.project-item td.items { width:215px; font-size:11px; padding-right:10px; }
table.project-item td.price { width:42px; text-align:center; }
table.project-item td.link { font-size: 9px; text-align: right; white-space: nowrap; vertical-align: bottom; padding-bottom:4px; }
table.project-item td.items.total { font-weight: bold; text-align: right;  vertical-align: bottom; padding-bottom:4px; }
table.project-item td.price-total { border-top:1px solid #a59375; vertical-align: bottom;  padding:4px 0 0 0; font-weight: bold; text-align: center; }
table.project-item td.price-total strong { background:#f6f2e7; padding:4px 0; width:100%; display:block; }

/* table.project-item td.items.grand-total { color:#984f2b; text-align: right; font-weight: bold; } */
table.project-item td.total.grand-total-txt { vertical-align: top; padding-top:10px; }
table.project-item td.price.grand-total strong { background:#984f2b; color:#f6f2e7; display:block; padding:4px 0; text-align: center; }

.project-options { margin-top:20px; position: relative; }
.project-option { width:186px; height:132px; padding:9px; float:left; margin-right:12px; background:#f6f2e7; }
.project-option a { text-decoration: underline; }
.project-option.tail { margin-right:0; }
.project-option input { margin:16px 0 0 6px; float:left; }
body#place-order-page  .project-option label { color:#c4a060; margin:16px 0 10px 30px; }

#widebox .project-option .pad { border:1px solid #fff; padding:4px 9px 0 4px; height:126px; }
.project-option button { margin-left:20px; }
.project-options p { text-align: center; color:#c4a060; font-size:11px; line-height:1.2em; font-weight: bold; margin:10px 2px 0 2px; }
.project-options p#or {
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	width: 36px;
	height: 36px;
	background: url(/img/or.png) top left no-repeat;
	position: absolute;
	top:92px; left:192px; 
}

.project-option .hr.line { position:absolute; top:55px; left:26px; width:154px; border-top:1px solid #e3d2af; }
.project-option.tail .hr.line { position:absolute; top:55px; left:241px; width:154px; border-top:1px solid #e3d2af; }
#submit-save-estimate {
	background-position:0 -472px;
	width:129px;
	height:35px;
	position: absolute;
	top:92px; left:18px; 
}
#submit-save-estimate:hover { background-position: -210px -472px; }
#submit-place-order {
	background-position:0 -337px;
	width:129px;
	height:35px;
	position: absolute;
	top:92px; left:238px; 
}
#submit-place-order:hover { background-position: -210px -337px; }
#submit-close-window {
	background-position:0 -202px;
	width:132px;
	height:35px;
	float:right;
	margin-left:15px;
}
#submit-close-window:hover { background-position: -210px -202px; }
#submit-return-to-estimates {
	background-position:0 0;
	width:178px;
	height:35px;
	float:right;
}
#submit-return-to-estimates:hover { background-position: -210px 0; }

/* Print services d popup */
body#print-services-page.popup { background:#f6f2e7; }
#print-services-page #popup-wrapper { width:560px; }
#print-services-page .intro img { float:left; margin-right:10px;}
#print-services-page .intro p { margin-left:146px; font-size:11px; line-height:1.3em; font-family:helvetica, arial, sans-serif; color:#573C1A; }
.slideshow { padding:14px; background:#fff; margin:20px 0; }
.slideshow img { float:left; display:block; width:245px; }
.slideshow p { padding-left:270px; color:#984f2b; font-size:11px; line-height:1.3em; }
.slideshow .pagination { padding-left:270px; }
.pagination a { padding:2px; color:#984F2B; }
.pagination a.active { text-decoration: underline; }

table.print-services { width:100%; font-size:10px; border-collapse: collapse; margin-bottom:14px; }
table.print-services td,
table.print-services th { padding:2px; text-align: center; border-top:4px solid #f6f2e7; }
table.print-services th { color:#f6f2e7; background:#674c2c; font-weight: bold; padding-top:4px; border-top:8px solid #f6f2e7; }
table.print-services .title { text-align: left; width:140px; }

ul.links { position:relative; margin-left:-12px;}
ul.links a#nav-estimate,
a#nav-order-blank,
a#nav-order-samples,
a#nav-download-template {
	top: 0;
	left: 0;
	position:absolute;
	width:108px;
	height:70px;
	display:block;
	background-image:url(/img/print-services-detail-buttons.gif);
	background-position:0 0;
	text-indent:-1000em;
}
ul.links a#nav-estimate {
	height:124px;
	width:184px;
}
ul.links a#nav-estimate:hover {
	background-position:0 -141px;
}
a#nav-order-blank { left:194px; top:42px; background-position:-190px -31px; }
a#nav-order-samples { left:293px; top:42px; background-position:-290px -31px; }
a#nav-download-template { left:397px; top:42px; background-position:-395px -31px; }

a#nav-order-blank:hover { background-position:-190px -172px; }
a#nav-order-samples:hover { background-position:-290px -172px; }
a#nav-download-template:hover { background-position:-395px -172px; }

/* Mailing list popup */
#mailing-list-page h1 { 
	width:187px;
	height:128px;
	background:url(/img/sign-me-up.gif) top left no-repeat;
	text-indent:-1000em;
	float:left;
	margin-right:14px;
}
h2#id-like-to {
	background: url(/img/id-like-to.gif) 0 33px no-repeat;
	width: 108px;
	height: 50px;
	text-indent: -1000em;
	margin-left: 207px;
}

#mailing-list-form .header input { float:left; }
#mailing-list-form .header input#print-sample-note { width:181px; float:none; margin:-20px 0 0 227px; }
#mailing-list-form .header label { margin-left:228px;  }
#mailing-list-form br { display:none; }
#mailing-list-page .single-column input { width:280px; }
#mailing-list-page p.note { font-size:10px; margin-left:228px; color:#984f2b; }

/* Cart */

.checkout-step { margin-left:48px; }
#cart table { border-collapse: collapse; }
#cart input[type=text] { padding:4px; border:1px solid #EAD9AA; }
.cart-item { width:265px; font-weight: bold; }
.cart-cost { width:50px; }
.cart-quantity { width:40px; }
.cart-quantity input { width:30px; text-align: center; }
.cart-equal { width:35px; text-align: center; }
.cart-subtotal { width:30px; text-align: center; }
.cart-remove { width:75px; text-align: right; }
.cart-remove input { background:none; border:none; color:#c4a060; cursor:pointer; }
.cart-remove input:hover { text-decoration: underline !important; }

.cart-total-txt { text-align: right; text-transform: uppercase; font-size:10px; }
tr.cart-totals td { vertical-align: bottom; padding-top:10px; }
.cart-total { font-weight: bold; text-align: center; }
.cart-total span { display:block; padding-top:16px; border-top:1px solid #573C1A; }

.actions { margin-top:40px; }
.actions button { margin-left:15px; }

form.checkout label { float:left; clear:left; width:125px; text-align: right; font-weight: normal; margin:6px 20px 4px 0; font-size: 12px; }
form.checkout label.inline,
form.checkout label.inline select { float:none; clear:left; width:auto; text-align: left; display:inline; }
/* form.checkout input[type=text] { float:left; width:345px; padding:4px; border:1px solid #EAD9AA; margin:0 0 8px 0; } */
form.checkout input[type=text],  form.checkout input[type=password]{ float:left; width:345px; padding:4px; border:1px solid #EAD9AA; margin:0 0 8px 0; }
form.checkout input[type=password]{width: 150px;}
form.checkout select { float:left; width:auto; margin-bottom:10px; }
form.checkout label.checkbox { margin:0 0 10px 145px; width:auto; }
form.checkout fieldset { padding-bottom:20px; background:url(/img/divider-squiggly.gif) bottom center no-repeat; margin-bottom:10px; }

#addresses table { width: 100%; }
#change-shipping-label { padding:10px 0; }

input.basic
{
    border: 1px solid black;
    margin: 2px;
}

select.basic
{
    border: 1px solid black;
    margin: 2px;
}

p.error
{
    color: #EF4848;
    font-weight: bold;
}

.titlelink
{
    font-size: 10pt;
}

.links p
{
    margin:0;
}

.worker table td p
{
    margin:0;
}
/*--------------------------------Dashboard Page ------------------*/
#main ul.dashNav{
    float: right;
    padding-top: 25px;
}
.dashNav li{
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

.history{
    clear: both;
    border: 1px dashed brown;
    margin: 10px auto;
    width: 100%;
    background: url('/img/popup-bg.jpg') no-repeat  #EAD9AA top left;
    padding: 2px;
    text-align: left;
    border-collapse: collapse;
}
.history th{
    font-size: 120%;
    color: #EAD9AA;
    background: #563A19;
    padding: 5px;
}
.history .large{
    width: 70%;
}
.history td{
    padding: 5px;
}
.history .even{
    background: #f1e9ca;
}
.history .odd{
    
}
.tableTitle{
    float: left;
    clear: both;
    margin: 0;
}
.left{
    float: left;
    text-align: left;
}
.right{
    float: right;
    text-align: right;
}
.center{
    text-align: center;
}
.history a{
    color: #573c1a;
}
.history a:hover{
    color: #c4a060;
}

body .twtr-hd{
    display: none;
}

body .twtr-ft{
    display: none;
}

#uploadpopup {
    border: 3px solid #CFB276;
    background-color: #F2EACF;
    padding: 5px 20px;
    width: 25em;
}
#upload-indicator {
    height: 15px;
    width: 128px;
    background-image:url('/images/ajax-loader.gif');
}
#uploader-stop button {
    background-image:url('/images/button_stop_off.gif');
	background-position:-1 -135px;
	width:91px;
	height:34px;
	float:left;
	margin-right:15px;
}
#uploader-stop button:hover {
    background-image:url('/images/button_stop_over.gif');
}
.qq-upload-drop-area, .qq-upload-button, .qq-upload-size, .qq-upload-cancel {
    display: none;
}
.qq-upload-file {
    margin-right: 1em;
}
.qq-upload-failed-text {
    display: none;
    font-weight: bold;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}