body {
font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
color: #5f5f5f;
background: #fff url(/master/site/resources/09/bg.jpg) top center repeat-x;
}

a, a:visited {
color: #007ac9;
text-decoration: none;
}
.linkStyle { color: #007ac9; }
h1 {
font: italic normal normal 26px/26px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}
h2 {
font: italic normal normal 20px/20px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
color: #444;
}
h3 {
font: italic normal normal 18px/18px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
margin-bottom: 14px;
}
h4 {
font: normal bold normal 15px/15px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#logo {
height: 60px;
margin: 18px 0 0 0;
}

.highlight { color: #f6058b; }

.notes { font-size: 11px; }

.hr {
clear: both;
margin-top: 20px;
margin-bottom: 40px;
height: 1px;
font-size: 0;
line-height: 0;
background-color: #e3e4e5;
}

.hideIt { display: none; }

a.print {
display: block;
padding: 0 2px 6px 25px;
text-decoration: none;
background: transparent url("/master/site/resources/09/printPageIcon.png") no-repeat scroll top left;
}



/**** ACCOUNT HEADER ****/

#account {
height: 60px;
margin: 8px 0 0 0;
}
table.accountControls { margin: 0; }
table.accountControls td {
padding: 2px 10px 0 0; font-size: 11px; vertical-align: top;
}
table.accountControls td input.textField, table.accountControls td input.textFieldOn { width: 120px; font-size: 11px; }

table.accountControls td a { display: block; padding-bottom: 2px; }


.accountLink {
float: left;
padding: 0px 0 3px 20px;
margin: 0 30px 0 0;
text-decoration: none;
background: transparent url(/master/site/resources/09/accountIcons.png) 0 0 no-repeat;
}
.accountLink.orders { background-position: 0 0 }
.accountLink.settings { background-position: 0 -26px; }
.logout {
padding-left: 0;
font-size: 11px;
color: #6f6f6f;
line-height: 19px;
background-position: -30px 0;
}
#account sup {
float: left;
position: relative;
top: -6px;
left: -28px;
padding: 2px 4px 1px;
font-size: 10px;
line-height: 12px;
font-weight: bold;
color: #fff;
border: 1px solid #fff;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #f6058b;
}
div.accountAlert a, p.accountAlert {
display: block;
padding: 10px 10px 10px 35px;
margin: 3px 0 0 0;
border: 1px solid #f6058b;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #fff url(/master/site/resources/09/asterisk.png) 10px 11px no-repeat;
}
p.accountAlert {
padding: 10px 0 16px 25px;
font-weight: bold;
border: none;
color: #f6058b;
background-position: 0 11px;
}

span.accountAlert {
padding: 0 0 0 22px;
color: #f6058b;
background: transparent url(/master/site/resources/09/asterisk.png) 0px 2px no-repeat;
}

/*** TITLE BAR ***/
.titleBar {
float: left;
width: 960px;
padding: 18px 0 0 0;
height: 80px;
background: transparent url(/master/site/resources/09/titleBg.png) top center no-repeat;
}
.titleBar.home {
background-image: url(/master/site/resources/09/titleBgHome.png);
}
.titleBar h1 {
color: #fff;
margin-bottom: 0;
padding: 17px 0 0 0;
font: normal bold normal 28px/26px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.phoneNumber {
padding-top: 24px;
font-size: 28px;
}
.phoneNumber p {
margin: 0;
padding-left: 16px;
color: #007ac9;
font-weight: bold;
}

/*** MENUS ***/

.contentNav {
float: left;
width: 960px;
height: 54px;
background: transparent url(/master/site/resources/09/contentNavBg.png) bottom center no-repeat;
}
.contentNav ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.contentNav ul li {
float: left;
height: 54px;
margin: 0 8px 0 0;
padding: 0;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.contentNav ul li a, .contentNav ul li a:visited, .contentNav ul li div {
float: left;
height: 21px;
margin: 2px 1px 0 1px;
padding: 20px 8px 0;
color: #606060;
}
.contentNav ul li div {
cursor: pointer;
}
.contentNav ul li a:hover { color: #007ac9; }
.contentNav ul li.on {
background: transparent url(/master/site/resources/09/contentMenuLi_on.png) top center no-repeat;
}
.contentNav ul li.on a, .contentNav ul li.on div {
height: 20px;
color: #333;
border: 1px solid #fff;
border-bottom: none;
background: transparent url(/master/site/resources/09/contentMenuA_on.png) top center repeat-x;
}


/** PRODUCT NAV PANEL **/

.productNavPanel.bottom {
display: none;
position: absolute;
width: 443px;
height: auto;
padding: 0 0 21px 0;
background: transparent url(/master/site/resources/09/prodNavBubble_bottom.png) left bottom no-repeat;
}
.productNavPanel.top {
float: left;
width: 388px;
padding: 20px 15px 10px 40px;
background: transparent url(/master/site/resources/09/prodNavBubble_top.png) 0 0 no-repeat;
}
.productNavPanelList.smallFormat {
float: left;
width: 165px;
padding-top: 10px;
}
.productNavPanelList.largeFormat {
float: left;
width: 160px;
padding: 10px 0 0 40px;
border-left: 1px solid #f1f2f5;
}
.productNavPanelList ul, .productNavPanelList li {
margin: 0; padding: 0; list-style: none;
}
.productNavPanelList ul li {
display: inline;
}
.productNavPanelList ul li div {
font: italic normal normal 16px/16px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
padding-bottom: 10px;
}
.productNavPanelList ul li ul li a, .productNavPanelList ul li ul li a:visited, .productNavPanelList ul li ul li a:hover {
display: block;
margin: 5px 0;
font: normal normal normal 12px/14px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: bold;
}
.productNavPanelClose {
float: left;
}
a#closeProductNavPanel {
display: block;
width: 14px;
height: 14px;
padding: 2px;
border: 1px solid #acacac;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: transparent url(/master/site/resources/09/close.png) 2px 2px no-repeat;
}


/** TOOLS NAV **/
ul#tools_nav {
float: left;
padding-left: 15px;
width: 265px;
background: transparent url(/master/site/resources/09/toolsNavUlBg.png) 0 0 no-repeat;
}
ul#tools_nav li a {
color: #005891;
}


.pageSubNav, .accountSubNav {
padding: 20px 0;
/*-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #f6f7f9;
*/
}
.pageSubNav ul, .pageSubNav ul li, .accountSubNav ul, .accountSubNav ul li {
padding: 0; margin: 0; list-style: none;
}
.accountSubNav ul li a {
display: block;
padding: 8px 3px 8px 15px;
color: #007ac9;
font-weight: normal;
background: transparent url(/master/site/resources/09/subNavItemBg.png) bottom right no-repeat;
}
.accountSubNav ul li.on a {
color: #333;
background-color: #eaecec;
background-position: bottom left;
}

/* hide those that don't belong in the tree */
.pageSubNav ul li.off {
display: none;
}
/* show the sub nav items */
.pageSubNav ul li.on ul li {
display: inline;
}
.pageSubNav ul li.on a {
display: block;
height: 30px;
padding: 12px 3px 0 0;
margin-right: 10px;
color: #007ac9;
font-weight: bold;
background: transparent url(/master/site/resources/09/subNavItemBg.png) bottom right no-repeat;
}
.pageSubNav ul li.on ul li.off a, .pageSubNav ul li.on ul li.on a {
display: block;
height: 28px;
padding: 11px 3px 0 10px;
margin-right: 10px;
color: #007ac9;
font-weight: normal;
/*background: transparent url(/master/site/resources/09/subNavItemBg.png) bottom right no-repeat;*/
}
.pageSubNav ul li.on ul li.on a {
color: #fff;
margin-right: 0;
background: transparent url(/master/site/resources/09/subNavOnBg.png) top left no-repeat;
}
.pageSubNav ul li.on ul li a:hover { text-decoration: none; }



.productGrid ul {
list-style: none;
padding: 0;
margin: 0;
}
.productGrid ul li {
float: left;
padding: 0;
margin: 0;
}
.productGrid ul li a {
float: left;
width: 130px;
height: 130px;
display: inline;
padding: 4px;
margin: 6px;
background: transparent url(/master/site/resources/09/productBg_off.png) top left no-repeat;
}
.productGrid ul li a:hover {
background: transparent url(/master/site/resources/09/productBg_on.png) top left no-repeat;
}
.productGrid ul li a img {
border: none;
}

.sideProductMenu {
padding: 20px 40px 0 60px;
margin: 0 0 20px 0;
background: transparent url(/master/site/resources/09/sideProductMenu2Bg.png) top left no-repeat;
}
.sideProductMenu ul {
margin: 0 0 20px 0; padding: 0 0;
}
.sideProductMenu ul li {
margin: 0; padding: 3px 0;
list-style: none;
color: #b6b6b6;
font-weight: bold;
font-size: 14px;
}
.sideProductMenu ul li ul li {
padding: 0;
font-weight: normal;
font-size: 12px;
}
.sideProductMenu ul li a {
display: block;
padding: 3px 0;
}

.whitePaperMenu ul {
list-style: none;
}
.whitePaperMenu ul li {
margin: 0;
padding: 3px 0;
font-weight: bold;
font-size: 22px;
color: #6dc520;
}
.whitePaperMenu ul li ul li {
font-weight: normal;
font-size: 12px;
color: #007ac9;
}
.whitePaperMenu ul li ul li a {
display: block;
padding: 2px 0 4px 23px;
background: transparent url("/master/site/resources/09/fileIcon_acrobat.png") no-repeat scroll 0 0;
}


/*** HOME ***/

.homeSplash {
float: left;
padding: 0 0 30px 0;
margin-bottom: 60px;
background: transparent url(/master/site/resources/09/homeSplashBg.png) bottom center no-repeat;
}
.homePromo {
text-align: center;
}
.homePromo h2 {
margin: 0 0 5px 0;
color: #6dc520;
font: normal normal normal 26px/34px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: bold;
}

.grid_5.homeMessages {
width: 300px;
}
.grid_11.productGrid {
width: 620px;
}
.homeTestimonials {
min-height: 170px;
padding: 15px 0 0 40px;
margin: 10px 0 5px 0;
background: #f6f7f9 url(/master/site/resources/09/homeQuote.png) top left no-repeat;
}
.homeMessages h2 {
margin: 5px 0 30px 20px;
font: italic normal normal 26px/34px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}
h2.satisfaction {
padding-top: 20px;
border-top: 1px solid #ccc;
background: transparent url() top left repeat-x;
}
h2.withArrow {
background: transparent url(/master/site/resources/09/homeArrow.png) bottom right no-repeat;
}
.colored {
color: #f6058b;
}
.promoColored {
color: #5fbb1a;
}
.homeMessages p {
margin-left: 20px;
font-size: 11px;
}

/*** CONTENT PAGES ***/

.contentBody {
float: left;
margin-bottom: 40px;
background: transparent url(/master/site/resources/09/contentPageBg.png) top left no-repeat;
}
.contentBody {
/* if they obey min-height */
min-height: 460px; 
height: auto;
}
/* for IE */
/*\*/
* html .contentBody {
height: 460px;
}
/**/

.rightCol img { margin-bottom: 20px; }

.blockholder {
height: 160px;
padding: 20px 0 0 0;
background: transparent url(/master/site/resources/09/gradientBg_5or4.png) top left no-repeat;
}
.container_12 .blockholder {
background: transparent url(/master/site/resources/09/gradientBg_12.png) top left no-repeat;
}
.blockholder p, .blockholder h2, .blockholder h3 {
padding-left: 20px;
padding-right: 20px;
}
.container_12 .homePlug { }
.container_12 .homePlug.onetoone {
background: transparent url(/master/site/resources/09/onetoonePlugBg.png) top left no-repeat;
}
.container_12 .homePlug.printsuite {
background: transparent url(/master/site/resources/09/printsuitePlugBg.png) top left no-repeat;
}
.homePlug a.imageLink {
display: block;
height: 100px;
text-decoration: none;
}
.homePlug p {
padding-left: 20px;
padding-right: 20px;
}

.testimonial {
padding: 20px 15px 0 70px;
background: transparent url(/master/site/resources/09/testimonialBg_config.png) top left no-repeat;
}
.testimonial {
/* if they obey min-height */
min-height: 150px; 
height: auto;
}
/* for IE */
/*\*/
* html .testimonial {
height: 150px;
}
/**/

.container_16 .grid_5 .testimonial {
padding: 20px 15px 0 60px;
background: transparent url(/master/site/resources/09/testimonialBg_content.png) top left no-repeat;
}


.guaranteePlug {
height: 160px;
padding: 20px 0 0 0;
background: transparent url(/master/site/resources/09/guaranteePlugBg.png) top left no-repeat;
}
.container_12 .guaranteePlug {
background: transparent url(/master/site/resources/09/guaranteePlugBg_12.png) top left no-repeat;
}
.guaranteePlug p, .guaranteePlug h2 {
padding-left: 180px;
padding-right: 10px;
}

/*** LANDING PAGES ***/

.contentBody.landingPage {
background: none;
}
.landingContent h2 {
text-align: center;
font-family: helvetica, arial, sans serif;
font-size: 28px; font-weight: bold; font-style: normal;
}
.landingContent h3.choiceHeader {
height: 30px;
padding: 15px 0 0 0;
margin: 0;
color: #007ac9;
text-align: center;
font-family: helvetica, arial, sans serif;
font-size: 20px; font-weight: bold; font-style: normal;
text-shadow: 0px 1px #fff;
background: transparent url(/master/site/resources/09/landing2ChoiceHeader.png) top left no-repeat;
}
.landingContent .choiceContent {
padding: 20px 13px 10px 13px;
border: 1px solid #e3e4e5;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-khtml-border-bottom-left-radius: 12px;
border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-khtml-border-bottom-right-radius: 12px;
border-bottom-right-radius: 12px;
background: #f1f2f5;
}
.smallHeight {
height: 140px;
}
.mediumHeight {
height: 180px;
}
.largeHeight {
height: 250px;
}

.whySmartpress {
margin-bottom: 40px;
}
.whySmartpress h3 {
height: 35px;
padding: 20px 0 0 0;
margin: 0 0 20px 0;
text-align: center;
font-family: helvetica, arial, sans serif;
font-size: 18px; font-weight: bold; font-style: normal;
text-shadow: 0px 1px #fff;
background: transparent url(/master/site/resources/09/landingWhySPHeader.png) top left no-repeat;
}
.whySmartpress li {
margin-bottom: 5px;
list-style-image: url(/master/site/resources/09/bulletArrow_magenta.png);
}


/*** FORMS ***/

input, select, textarea {
padding: 4px 6px;
background-color: #fff;
border: 1px solid #5f5f5f;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
input.check {
border: 0;
padding: 0;
background-color: transparent;
}


textarea { font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

button {
padding: 6px 13px 6px 13px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #6fa63e;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: transparent url("/master/site/resources/09/buttonSecondaryBg.png") repeat-x scroll 0 50%;
cursor: pointer;
}
/* for IE */
/*\*/
* html button {
padding: 4px 4px;
border: none;
}
/**/

button.secondary {
height: 24px;
padding: 0 13px 0 13px;
font-size: 10px;
text-transform: none;
}
/* for IE */
/*\*/
* html button.secondary {
padding: 0 4px;
border: none;
}
/**/

button.secondary.config {
padding: 0 8px;
margin-left: 5px;
}
button.secondary.signIn {
padding: 0 6px;
}

caption {
padding-bottom: 12px;
font: italic normal normal 18px/20px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
text-align: left;
}
table.formFields th, table.formFields td { vertical-align: top; font-size: 11px; }
table.formFields th {
text-align: left;
font-weight: normal;
width: 100px;
padding: 10px 20px 5px 0;
}
table.formFields.requestForm th { width: 150px; }
table.formFields td { padding: 5px 0; }
table.formFields td input, table.formFields td select { width: 200px; }
table.formFields td input[type="checkbox"] { width: auto; }
/* for IE */
/*\*/
* html table.formFields td input#rememberMe {
width: auto;
border: 0;
}
/**/

table.formFields tr.required th { color: #c70e75; }
table.formFields tr.static th { padding: 5px 20px 5px 0; }
table.formFields tr.required td input, table.formFields tr.required td select { border-color: #c70e75; }
table.formFields tr.short td input { width: 92px; }
table.formFields tr.long td input { width: 350px; }
table.formFields tr.short td select { width: 100px; }
table.formFields tr.double td input { margin-bottom: 2px; }
table.formFields td textarea { width: 200px; font-size: 11px; }
table.formFields tr.long textarea { width: 350px; height: 40px; font-size: 11px; }
.instructions p {
margin: 5px 0 5px 0;
}
table.formFields tr.total th, table.formFields tr.total td { font-weight: bold; border-top: 1px solid #acacac; }
table.formFields tr.adjustment th, table.formFields tr.adjustment td { font-style:  italic; }
table.formFields tr.adjustedTotal th, table.formFields tr.adjustedTotal td { font-weight: bold; border-top: 1px solid #acacac; }
.fieldNotes {
padding: 5px 0 0 0;
}


a.checkbox {
display: block;
height: 15px;
padding: 0 0 5px 25px;
text-decoration: none;
background: transparent url("/master/site/resources/09/checkboxes.png") no-repeat scroll 0 0;
}
a.checkbox.on {
background-position: 0 -29px;
}
a.checkbox.small {
height: 12px;
padding: 0 0 4px 22px;
background: transparent url("/master/site/resources/09/checkboxesSmall.png") no-repeat scroll 0 1px;
}
a.checkbox.small.on {
background-position: 0 -21px;
}

a.radio {
display: block;
padding: 2px 0 2px 22px;
background: transparent url("/master/site/resources/09/radios.png") no-repeat scroll 0 2px;
}
a.radio.on {
background-position: 0 -18px;
}

.formEmailStatus p {
padding: 5px 5px 5px 22px;
margin-top: 20px;
font-weight: bold;
color: #333;
background-color: #f6f7f9;
background: #f6f7f9 url(/master/site/resources/09/success.png) 2px 5px no-repeat;
}

/*** OFFERING DISPLAY ***/

.offeringPromo {
padding: 5px 30px 0 30px;
text-align: center;
font-weight: bold;
font-size: 15px;
color: #fff;
background: #86dc3a url(/master/site/resources/09/greenProductHeader.png) 0 0 no-repeat;
}
.offeringPromo h2 {
margin: 0;
color: #fff;
font: normal normal normal 26px/38px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: bold;
}
.offeringPromo p {
margin: 0 0 0 0;
}
.offeringPromo .big {
font-size: 26px;
}
.offeringPromo strong {
color: #005891;
}

.configInfo {
margin-bottom: 20px;
}
.configInfo h3 {
font: normal bold normal 15px/15px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
margin: 0 0 10px 0;
}



.productPhoto {
padding: 0;
text-align: center;
border: 2px solid #e3e4e5;
}
.morePhotos {
height: 36px;
text-align: center;
border-left: 2px solid #e3e4e5;
border-right: 2px solid #e3e4e5;
}
.morePhotos a {
padding: 5px 10px;
margin: 0 3px 5px 3px;
font-weight: bold;
font-size: 18px;
border: 2px solid #e3e4e5;
}
.offeringIcons {
position: relative;
top: -20px;
padding: 8px;
text-align: center;
border: 2px solid #e3e4e5;
border-top: none;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #f1f2f5;
}
.galleryIcon {
padding: 0 6px 0 6px;
}

.offeringDescription {
padding-top: 20px;
}


.artworkGuidelines {
float: left;
position: relative;
top: -20px;
width: 370px;
padding: 50px 15px 0 75px;
background: transparent url(/master/site/resources/09/artworkGuidelinesBg.png) top left no-repeat;
}
.artworkGuidelines.orderDetail {
float: none;
width: auto;
padding-bottom: 10px;
background-image: url(/master/site/resources/09/artworkGuidelines-orderDetail-Bg.png);
}
ul.artworkGuides li {
margin-left: 0;
list-style: none;
}
ul.artworkGuides li a {
display: block;
padding: 2px 0 4px 23px;
background: transparent url("/master/site/resources/09/fileIcon_acrobat.png") no-repeat scroll 0 0;
}
.artworkBubbleHolder {
display: none;
position: absolute;
}
.artworkBubbleBottom {
padding-bottom: 30px;
background: transparent url("/master/site/resources/09/artworkBubbleLeftBottomBg.png") bottom left no-repeat;
}
.artworkBubbleBottom .left {

}
.artworkBubble {
width: 400px;
padding: 25px 25px 25px 75px;
background: transparent url("/master/site/resources/09/artworkBubbleLeftBg.png") top left no-repeat;
}
a.closeBubble {
float: right;
width: 14px;
height: 14px;
padding: 2px;
cursor: pointer;
border: 1px solid #acacac;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: transparent url(/master/site/resources/09/close.png) 2px 2px no-repeat;
}

.moreConfigInfo {
float: left;
margin-bottom: 40px;
background: transparent url(/master/site/resources/09/moreConfigInfoBg.png) bottom left no-repeat;
}
.configNotes {
padding: 0 10px 10px 70px;
}
.configNotes.upload {
background: transparent url(/master/site/resources/09/configInfoUploadBg.png) top left no-repeat;
}
div.configNotes.checkout {
/*background: transparent url(/master/site/resources/09/configInfoCheckoutBg.png) top left no-repeat;*/
}
.configNotes.proof {
background: transparent url(/master/site/resources/09/configInfoProofBg.png) top left no-repeat;
}


a.request {
display: block;
width: 260px;
padding: 15px 0 0 75px;
margin-bottom: 0px;
height: 40px;
font: italic normal normal 18px/18px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
background: transparent url() top left no-repeat;
}
a.request.samples { background-image: url(/master/site/resources/09/freeSamplesIcon.png); }
a.request.customQuote { background-image: url(/master/site/resources/09/customQuoteIcon.png); }

/*** CONFIGURATOR ***/

#configurator {
float: left;
width: 460px;
padding: 0 0 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #f1f2f5;
}
.configValidationMessages {
padding: 10px 0 0 0;
}

.optionWrapperOn, .optionWrapperFocus {

padding: 0 0 10px 0;
}
.optionWrapperOn, .optionWrapperFocus {
/* if they obey min-height */
min-height:43px; 
height:auto;
}
.optionWrapperFocus { background-color: #e3e4e5; }
/* for IE */
/*\*/
* html .optionWrapperOn {
height: 43px;
}
/**/
#variousPrintSettings div.optionWrapperFocus { float: left; }
.optionWrapperEmpty { display: none }

label.config {
display: block;
width: 210px;
font-size: 11px;
}
select.configSelect {
width: 217px;
padding: 3px 4px;
}

.op {
padding: 5px;
background-color: #e3e4e5;
}
label.opQuestion {
display: block;
padding: 0 0 2px 0;
font-size: 11px;
line-height: 1.1em;
color: #333;
}
.op input.configField {
width: 170px;
}
.op.lf input.configField {
width: 45px;
}

input.configField {
width: 45px;
padding: 4px 4px;
}
input.configField.versionName {
width: 70px;
margin-right: 3px;
}
.error {
border-color: #c70e75;
}
.fieldErrorNote {
color: #c70e75;
font-size: 11px;
padding: 1px 0 0 2px;
}
.dimensionX { padding: 0 5px; }

a.togglePreset {
display: block;
width: 200px;
padding: 4px 10px 0 0;
text-align: right;
font-size: 10px;
}

a.useVersions {
display: block;
width: 190px;
padding: 4px 0 2px 20px;
font-size: 10px;
background: transparent url("/master/site/resources/09/add.png") 0 2px no-repeat;
}
a.addVersion {
float: left;
width: 190px;
padding: 3px 0 2px 20px;
font-size: 10px;
background: transparent url("/master/site/resources/09/add.png") 0 1px no-repeat;
}
a.deleteVersion {
position: absolute;
display: none;
color: #a10d25;
text-decoration: none;
padding: 5px 5px 5px 20px;
background: transparent url(/master/site/resources/09/delete.png) 0% 50% no-repeat;
}




.discount {
width: 420px;
padding: 0 0 10px 16px;
font-weight: bold;
background: transparent url("/master/site/resources/09/greenAsterisk.png") 0 1px no-repeat;
}
.discount.summary { width: auto; }

.discountPrice {
color: #4faf13;
}

div.quoteDetails {
float: left;
width: 200px;
padding: 2px 5px;
margin: 0 10px 10px 0;
border: 1px solid #fff;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #fff;
}
div.quoteDetails.checkout {
float: none;
}
table.quote {
width: 100%;
margin: 0;
color: #606060;
font-size: 12px;
font-weight: bold;
}
table.quote th {
text-align: left;
padding: 5px 0 3px 0;
border-top: 1px solid #e3e4e5;
}
td.price {
text-align: right;
padding: 5px 0 3px 0;
border-top: 1px solid #e3e4e5;
}
.lineItemPrice {
display: inline;
}
tr.jobQuote th, tr.jobQuote td {
border-top: none;
}
tr.discountQuote th {
}
tr.discountQuote th, tr.discountQuote td.price {
color: #c00;
}
tr.discountedJobQuote th, tr.discountedJobQuote td.price {
color: #303030;
}
tr.deliveryQuote th, tr.deliveryQuote td {
padding-top: 12px;
border-top: 2px solid #e3e4e5;
}
tr.totalQuote th, tr.totalQuote td {
padding-top: 12px;
color: #333;
border-top: 2px solid #b1b1b1;
}


a.quoteHelp {
float: right;
width: 17px;
height: 15px;
margin-right: 0;
background: transparent url("/master/site/resources/09/helpIcon.png") 0 0 no-repeat;
}
a.quoteHelp.on {
background-position: 0px -20px;
}
a.quoteHelp:hover {
background-position: 0px -20px;
}

.quoteTipPanel {
position: absolute;
z-index: 1000;
top: -500px;
width: 373px;
padding: 25px 30px 35px 30px;
background: transparent url(/master/site/resources/09/quoteTipShadow.png) 0 0 no-repeat;
overflow: hidden;
}
.closeQuoteTipPanel {
padding: 0 0 0 355px;
margin-bottom: 5px;
}
.closeQuoteTips {
display: block;
width: 14px;
height: 14px;
padding: 2px;
border: 1px solid #acacac;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: transparent url(/master/site/resources/09/close.png) 2px 2px no-repeat;
}
.quoteTipContent {
height: 315px;
overflow: auto;
padding: 0 5px 0 5px;
}

.orderSummaryValue {
padding: 3px 6px 2px 6px;
border: 1px solid #ccc;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #fff;
}

#validationMessagesDiv ul {
list-style: none;
margin-bottom: 10px;
}
#validationMessagesDiv ul li {
padding: 0 0 0 20px;
margin: 10px 0 0 10px;
color: #c70e75;
background: transparent url(/master/site/resources/09/error.png) 0 0 no-repeat;
}

.changeFocusButton { display: inline; }

/**** New config ***/

/* LF */
#lfConstruction {
float: left;
width: 210px;
padding: 10px 0 0 10px;
}
#lfVariousSettings {
float: left;
width: 210px;
padding: 10px 0 0 10px;
}

.op.lf {
padding-left: 10px;
}
.op.lf a.checkbox.small {
margin: 3px 0 1px 0;
font-size: 11px;
color: #5f5f5f;
}

#printSettings { padding: 0}

#device {
float: left;
padding: 10px 10px 0 10px;
clear: both;
}

#paper, #inks, #variousPrintSettings, #productionSettings, #deliverySettings, #theQuote {
float: left;
padding: 10px 0px 0 10px;
clear: both;
/*background: transparent url(/master/site/resources/09/configGroupBg.jpg) 0 0 repeat-x;*/

-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-khtml-border-top-left-radius: 12px;
border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-khtml-border-top-right-radius: 12px;
border-top-right-radius: 12px;
min-height: 62px;
height: auto;
}

/* for IE */
/*\*/
* html #paper {
height: 62px;
}
/**/

/* hide fieldsets when single page - only for IE's extra space */
#coverPaper, #pagesPaper, #coverInk, #pagesInk { display: none;}
/* show them when it's multipage */
.multipage #coverPaper, .multipage #pagesPaper, .multipage #coverInk, .multipage #pagesInk { display: block;}
/* hide single fieldset when multipage */
.multipage #sheetPaper, .multipage #sheetInk { display: none; }
/* show them otherwise */
#sheetPaper, #sheetInk { display: block; }


#operations {
float: left;
padding: 0 0 0 10px;
}
#operations .optionWrapperOn {
}

#paper h3 {
height: 20px;
padding: 0 0 0 25px;
margin: 0 0 5px 0;
background: transparent url(/master/site/resources/09/iconPaper.png) 0 0 no-repeat;
}
#inks h3 {
height: 20px;
padding: 0 0 0 25px;
margin: 0 0 5px 0;
background: transparent url(/master/site/resources/09/iconInk.png) 0 0 no-repeat;
}

#configurator fieldset { margin-bottom: 0; }
fieldset.deviceGroup { float: left; padding-top: 10px; }
fieldset.paperGroup, fieldset.inkGroup {
width: 450px;
}
fieldset.paperGroup div.optionWrapperOn, fieldset.inkGroup div.optionWrapperOn { float: left; padding-right: 10px; }
#configurator select { width: 209px; }
/*#paper fieldset#pages { display: none; }*/



#pages, #bleed, #dimensions, #quantity, #proofs, #turnTimes, #changePromoCode, #destination, #shipMethod {
float: left;
width: 220px;
}

#variousPrintSettings { width: 450px; }
#variousPrintSettings div.optionWrapperOn, #productionSettings div.optionWrapperOn {
float: left;
width: 210px;
padding-right: 10px;
}

#operationsDiv {
float: left;
width: 440px;
padding: 0 10px;
clear: both;
}
#operationsDiv .optionWrapperOn {
width: 220px;
}

#shipping {
width: 440px;
}
fieldset.shippingGroup div.optionWrapperOn, fieldset.shippingGroup div.optionWrapperFocus {
float: left;
width: 211px;
margin-right: 9px;
}

.configButton {
padding: 0 225px 0 0;
}
.configButton button.continueButton {
width: 210px;
}

.disclaimer {
padding: 10px 0 0 0;
font-size: 11px;
font-style: italic;
}
.disclaimer p { margin: 0; }

.noEdit {
width: 195px;
padding: 3px 6px;
font-size: 11px;
background: #fff;
border: 1px solid #ccc;
}

/**** CHECKOUT ORDER STYLES ****/

.orderSummary {
padding: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #f6f7f9;
}
a.cancelOrder {
padding: 0 0 0 11px;
}
table.jobSummary {

}
table.jobSummary th, table.jobSummary td {
padding: 5px 10px 5px 0;
background: transparent url(/master/site/resources/09/tableRowBreak.png) bottom left repeat-x;
}
table.quote.checkout { width: auto; }
table.jobSummary th, table.quote.checkout th {
width: 150px;
padding-right: 10px;
text-align: left;
}


.loginText {
font-size: 12px;
font-weight: bold;
}
.genericContainer {
padding: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #f6f7f9;
}
.termsWindow {
height: 100px;
overflow: auto;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
font-size: 11px;
background: #fff;
}
.termsWindow p { padding: 0 0 20px 0; margin: 0; }

.uploadRadioOptions {
margin: 0 0 20px 0;
}

.printFilesContainer {
padding: 10px;
margin-bottom: 20px;
font-size: 11px;
border-bottom: 1px solid #ccc;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #f6f7f9;
}
.theFiles {
float: left;
margin: 0 0 20px 0;
font-size: 11px;
}
.fileRow {
float: left;
width: 500px;
margin: 0 0 5px 0;
border-bottom: 1px solid #e4e6e9;
clear: both;
}
.fileRow:hover {
background: #fff;
}
.fileRow.inactive, .fileRow.inactive a {
color: #aaa;
}
.fileName, .fileNote, .fileDate, .deactivate, .removeFile {
float: left;
padding: 5px 10px 5px 5px;
}
.fileName {
width: 255px;
}
.fileNote {
width: 70px;
background: #f5fc89;
}
.fileNote.noNote {
background: none;
}
.fileDate {
padding-top: 7px;
width: 60px;
}
.deactivate {
padding-top: 7px;
width: 55px;
}
.removeFile {
padding-top: 7px;
width: 130px;
}
a.uploadedFile {
display: block;
padding: 2px 0 4px 23px;
background: transparent url("/master/site/resources/09/fileIcon.png") no-repeat scroll 0 0;
}
a.noteLink {
display: block;
padding: 2px 0 4px 20px;
background: transparent url("/master/site/resources/09/note.png") no-repeat scroll 0 0;
}
a.noteLink.addNote {
color: #6dc520;
background: transparent url("/master/site/resources/09/noteAdd.png") no-repeat scroll 0 0;
}
.theNote {
float: right;
position: relative;
width: 430px;
padding: 5px 20px 5px 20px;
margin: 0 0 5px 0;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-khtml-border-top-right-radius: 0px;
border-top-right-radius: 0px;
background: #f5fc89;
}

.actionArea.addFileNote {
position: relative;
width: 440px;
margin: 0 0 5px 20px;
}
input.fileNoteInput {
width: 410px;
margin-bottom: 10px;
}
a.cancelAction.inActionArea {
float: right;
padding: 0 0 5px 17px;
height: 10px;
}

/* Tooltip */  
 
#noteQuickView {
position: absolute;
width: 200px;
padding: 25px 10px 10px 10px;
z-index: 9999;
color: #fff;
font-size: 12px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
background: transparent url(/master/site/resources/09/noteQuickViewBg.png) 0 0 no-repeat;
}



table.customerFiles td.noFiles {
font-style: italic;
padding: 0;
border: none;
}
table.customerFiles td {
padding: 5px 10px 5px 5px;
font-size: 11px;
border-bottom: 1px solid #e4e6e9;
}
table.customerFiles tr.inactive td, table.customerFiles tr.inactive td a {
background-color: #f6f7f9;
color: #7f7f7f;
}

table.fileUpload th {
text-align: left;
font-weight: normal;
padding: 2px 4px 2px 0;
}
table.fileUpload td { padding: 2px 4px 2px 0; }

.add {
color: #6dc520;
text-decoration: none;
font-weight: bold;
padding: 5px 5px 5px 20px;
background: transparent url(/master/site/resources/09/add.png) 0% 50% no-repeat;
}
a.remove {
color: #a10d25;
text-decoration: none;
padding: 5px 5px 5px 20px;
background: transparent url(/master/site/resources/09/delete.png) 0% 50% no-repeat;
}

.checkoutButton {
padding: 10px 0 0 0;
}

a.printThePage {
display: block;
width: 200px;
padding: 2px 0 5px 25px;
background: transparent url(/master/site/resources/09/printIcon.png) 0 0 no-repeat;
}


/**** ORDER MANAGEMENT ****/

#invoiceHeader { display: none; }

a.backToOrders {
display: block;
height: 34px;
padding: 13px 10px 0 50px;
margin-bottom: 20px;
font: italic normal normal 15px/20px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
border-right: 1px solid #fff;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-khtml-border-top-right-radius: 12px;
border-top-right-radius: 12px;
background: transparent url(/master/site/resources/09/backToOrdersBg.jpg) 0 0 no-repeat;
}

.actionArea {
padding: 10px 15px;
margin: 0;
border: 1px solid #dfe1e4;
border-bottom: 1px solid #b2b3b6;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-khtml-border-top-left-radius: 0px;
border-top-left-radius: 0px;

background-color: #fff;
}
.actionArea.status {
padding: 20px 15px;
}
.actionArea ul {
list-style: none;
margin: 0;
}
.actionArea ul li {
padding: 2px 0;
margin: 0;
}
.actionArea ul li a {
display: block;
padding: 2px 4px 2px 18px;
text-decoration: none;
}
.actionArea ul li a:hover {
background: #f6f7f9 url("/administration/images/bulletArrow.png") no-repeat scroll 0 1px;
}


.actionArea textarea, .actionArea textarea.comments {
width: 280px;
margin-bottom: 10px;
font-size: 11px;
}
.actionArea select {
width: 200px;
margin: 0 10px 0 0;
}



.activeOrder {
margin-bottom: 20px;
font: italic normal normal 15px/20px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
border-right: 1px solid #fff;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-khtml-border-top-right-radius: 12px;
border-top-right-radius: 12px;
background: transparent url(/master/site/resources/09/activeOrderBar.jpg) 0 0 no-repeat;
}
.activeOrder a {
display: block;
height: 34px;
padding: 13px 10px 0 20px;
}
.newAction {
padding: 5px 0 5px 5px;
text-transform: uppercase;
font-weight: bold;
}
.newAction a {
font-size: 10px;
margin: 0 5px;
}

.activityLog {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #dfe1e4;
border-bottom: 1px solid #b2b3b6;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 11px;
background-color: #f6f7f9;
}
.activities {
height: 450px;
overflow: auto;
}
.theActivity {
margin: 0 0 10px 0;
border-bottom: 1px solid #e4e6e9;
}
.timestamp {
padding: 0 5px 5px 20px;
color: #7f7f7f;
}
.theActivity .subject, .actionArea .subject {
padding: 0 5px 10px 20px;
color: #005891;
background: transparent url("/master/site/resources/09/bulletArrow.png") no-repeat scroll 0 0;
}
.theActivity blockquote {
padding: 0 5px 5px 20px;
color: #5f5f5f;
background: transparent url("/master/site/resources/09/quote.png") no-repeat scroll 0 0;
}
.theActivity blockquote p, .theActivity blockquote ol, .theActivity blockquote ul {
margin: 0 0 10px 0;
}

table.proofFiles td {
padding: 5px 10px 5px 5px;
vertical-align: top;
font-size: 11px;
background: #fff url(/master/site/resources/09/tableRowBreak.png) bottom left repeat-x;
}
table.proofFiles td a {
display: block;
padding: 2px 0 4px 23px;
color: #F6058B;
background: transparent url("/master/site/resources/09/viewDocument.png") no-repeat scroll 0 0;
}
.cancelAction {
padding: 5px 5px 5px 20px;
margin-left: 20px;
position: relative;
color: #5f5f5f;
font-weight: normal;
text-transform: none;
text-decoration: none;
background: transparent url(/master/site/resources/09/cancel.png) 0% 50% no-repeat;
}


.proofStatus {
font-weight: bold;
color: #005891;
}

.approvalButtons { padding: 15px 0 0 0; }
button.decline, button.approve {
margin-right: 10px;
font-size: 11px;
}
button.decline {
border-color: #999;
background-image: url(/master/site/resources/09/buttonGrayBg.jpg);
}
.agreeToTerms {
margin: 0 0 10px 0;
font-weight: bold;
}

table.orderHistory thead tr, table.orderHistory tfoot tr { border-right: 1px solid #e3e4e5; border-left: 1px solid #e3e4e5; }
table.orderHistory th {
height: 40px;
padding: 15px 0 0 10px;
vertical-align: top;
text-align: left;
font-size: 10px;
text-transform: uppercase;
background: #f6f7f9 url(/master/site/resources/09/tableHeaderBg.png) 0 0 repeat-x;
}
table.orderHistory td {
padding: 5px 2px 5px 10px;
vertical-align: top;
font-size: 11px;
background: #f6f7f9 url(/master/site/resources/09/tableRowBreak.png) bottom left repeat-x;
}
table.orderHistory tfoot th {
height: 33px;
padding: 5px 0 0 10px;
vertical-align: top;
text-align: left;
font-size: 10px;
text-transform: uppercase;
background: #f6f7f9 url(/master/site/resources/09/tableHeaderBg.png) 0 -5px repeat-x;
}



/**** USER MESSAGES ****/

.homeUserMessages {
padding-left: 20px;
margin: 0 10px;
}
.cometMessages { display: none; }
#userMessageError, #userMessageInfo, #userMessageAlert {
padding: 0 0 2px 20px;
margin-bottom: 20px;
background: transparent url() 0 0 no-repeat;
}
#userMessageError {
color: #c70e75;
background-image: url(/master/site/resources/09/error.png);
}
#userMessageAlert {
color: #333;
background-color: #f6f7f9;
background-image: url(/master/site/resources/09/information.png);
}
#userMessageInfo {
padding: 5px 5px 5px 22px;
font-weight: bold;
color: #333;
background-color: #f6f7f9;
background: #f6f7f9 url(/master/site/resources/09/success.png) 2px 5px no-repeat;
}

#loginMessages #userMessageError, #loginMessages #userMessageInfo, #loginMessages #userMessageAlert {
margin-bottom: 0;
}

/**** PANELS ****/

.panel {
top:-1000px;
position: absolute;
z-index: 25;
border: 1px solid #444;
background-color: #fff;
}

.panelContent {
padding: 15px;
font-size: 12px;
}
.panel h2 {
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
}
.panelButtons {
padding: 0 15px 15px;
text-align: center;
}
.panel.alert, .panel.confirm {
z-index: 35;
width: 350px;
padding: 5px;
border: 1px solid #444;
border-top: 1px solid #acacac;
border-color-bottom: #222;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.panel.alert h2 {
color: #c00;
}

.sliderPanel, .trackingPanel {
width: 400px;
padding: 30px 10px 20px 20px;
border: 1px solid #444;
border-top: 1px solid #acacac;
border-bottom: 2px solid #222;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #fff;
}
.trackingPanel { padding: 15px 10px 10px 20px;}

.panel .close {
float: right;
width: 14px; height: 14px;
padding: 2px;
border: 1px solid #acacac;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: transparent url(/master/site/resources/09/close.png) 2px 2px no-repeat;
}
div.panelButton {
padding: 0 0 20px 120px;
}


/**** SHIPPING INFO ****/

table.shippingInfo td {padding: 2px 5px 2px 0; }
table.trackingLog {
border: 1px solid #efefef;
}
table.trackingLog td {
padding: 3px;
font-size: 11px;
border-bottom: 1px solid #efefef;
}


/*** FOOTER ***/

.footer {
float: left;
width: 100%;
padding: 20px 0;
margin-top: 60px;
border-top: 1px solid #000;
background: #7e7e7e url(/master/site/resources/09/footerBg.png) top right repeat-x;
}

.footerNav ul, .footerNav li {
margin: 0; padding: 0; list-style: none;
color: #fff;
}
.footerNav ul li {
display: inline;
}
.footerNav ul li div {
font: italic normal normal 18px/18px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
padding-bottom: 10px;
}
.footerNav ul li ul li a, .footerNav ul li ul li a:visited, .footerNav ul li ul li a:hover {
display: block;
margin: 5px 0;
color: #fff;
font: normal normal normal 11px/11px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#copyright {
padding-top: 20px;
color: #fff;
font-size: 11px;
}

/*** MISC ***/