/* ===================== */ /* === GENERAL RULES === */ html {overflow-x:auto; overflow-y:scroll;} body.autoflight {padding:0; margin:0 auto 10px auto; background-color:#fff; margin:0 auto; padding:0; border-right:1px solid #399DC7; border-left:1px solid #399DC7; border-bottom:1px solid #399DC7;} /* --- Master Font Definitions --- */ body {padding:0; margin:0 auto 10px auto;font-family:Arial,Verdana,Helvetica, Sans-Serif; font-size:62.5%;} /* --- Link Activity --- */ a {text-decoration:underline; color:#399dc7;font-size:12px;} a:visited {text-decoration:underline; color:#399dc7;font-size:12px;} a:hover {text-decoration:underline; color:#325479;font-size:12px;} select, .topline #topnav-right {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:1em;} #select_steps p, #select_steps .order_steps, .adminname {font-family:"Times New Roman", Times, serif;} #HomePage .HomeLeft, #topnav, #affinity h2, #spanish_landing h2, #spanish_landing h3 {font-family:"Trebuchet MS", TrebuchetMS, Trebuchet, Arial, Helvetica, Sans-Serif;} #select_steps p ol {float:left; list-style-type:none; margin:0;} #select_steps p li {float:left; list-style-type:none;} #select_steps ul, #select_steps ul p, .modifiercontrol textarea {font-family:Verdana, Arial, Helvetica, Sans-Serif;} .modifiercontrol textarea {font-size:0.9em;} #topnav {font-family:Arial,Verdana,Helvetica, Sans-Serif; font-size:12px;} div.greySeparator { color: Gray; padding-top:12px; padding-bottom:0px; width: 50px; text-align:center; font-weight:bold; } /* This is below too! #topnav #mainNavigation ul li ul li, #topnav #mainNavigation ul li ul li ul li {font-family:Arial,Verdana,Helvetica, Sans-Serif; font-size:12px;} */ h1 {font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; text-align:left; margin:10px 0px 7px 0; font-size:2.5em; color:#03aaee;} h1 a {text-decoration:underline;} h1 a:hover {text-decoration:underline;} h2 {font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;font-size:1em; font-weight:800; color:#03aaee;}/*399dc7 */ h2 a {color:#399dc7; font-size:1.1em; font-weight:800; text-decoration:underline;} h2 a:hover {color:#333;} h3 {font-size:13px; font-weight:bold; float:none; padding:5px; margin:0; color:#03aaee;} /* removed DR: background-color:#399dc7; */ .mimicH3 {font-size:13px; font-weight:bold; float:none; padding:5px; margin:0; color:#fff;} /* also see line 172 */ h4 {font-size:1em;} h5 {font-size:1em; font-weight:700; color:#399dc7;} h6 {font-weight:700; color:#666;} ol.careeritem strong {color:#333;} /* New Homepage blocks DR 6/09 */ #blockThree, #blockFour, #blockSix, #blockSeven { background-color:#fff;} #blockThree h3, #blockFour h3, #blockSix h3, #blockSeven h3 {font-family:Tahoma,Geneva,sans-serif;font-size:16px;color:#dd2188;margin:0;padding:8px 0 0 10px;} #blockThree p, #blockFour p, #blockSix p, #blockSeven p {font-family:arial,helvetica,sans-serif;font-size:11px;color:#333;} /* END New Homepage blocks DR 6/09 */ /* --- Font Styling --- */ .HelperFormLine, .FormLineHelper {color:#999; font-style:italic; text-align:right;} .HelperFormLine td {padding-top:10px; text-align:right;} input[disabled] {background-color:#e6e6e6;} input.disable {background-color:#e6e6e6;} .SuccessfulChange {font-size:1.1em; color:#399dc7; font-weight:700;} /* --- Button Details --- */ .SubmitOneButton td input {float:right; padding:3px; margin-top:5px;} select, input {font:1.0em Verdana, Arial, Helvetica, Sans-Serif;} select#large, input#large {} .ShoppingCartBillingButtons, .PlaceYourOrderButtons, .AddSelectedButton, .AddSelected, .GoButton, .OrderReviewButtons, .ButtonRow {float:right; margin-top:10px;} .AlertBox, .SuccessBox, .WarnBox { padding:5px; color:#000; font-weight:100; margin-top:5px; } td .AlertBox { margin:0 0 3px; } .AlertBox ul { list-style:none;margin:0;} .CartError, .ErrorBox, .AlertBox { border:1px solid #ca1515; background-color:#fed4d4; font-size:1.1em; } .Note, .NoteBox, .WarnBox { border:1px solid #c1bf00; background-color:#fbfba7; font-size:1.1em; } .HelpBox, .SuccessBox { border:1px solid #42ad42; background-color:#aeffb8; font-size:1.1em; } .CartError, .ErrorBox, .Note, .NoteBox, .HelpBox { padding:5px; color:#333; font-weight:700; width:97%; margin:10px 5px; clear:both; } .SuccessText {color:#197230;} .WarnText {} .ErrorText {color:#ce4a69;} .graytext {color:#999;} .AllProd_Announce {font-size:1em; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;} .AllProd_New {color:#ce4a69;} .FileType {color:#666; background-color:#fff;} .ErrorBoxTest {padding:7px; color:#333; font-weight:700; width:97%; margin:20px 5px; clear:both; border:1px solid #ca1515; background-color:#ffc6c6;} /* --- Layout --- */ .content {text-align:left;} div.SectionFull {border:1px solid #ccc; padding:5px;} div.SectionFull h3 {border-width:1px;border-style:solid; padding:5px;font-size:12px; font-weight:bold; color:#03aaee} div.SectionBody {padding:5px;font-size:12px; } div.SecondaryFull {background-color:#f0f0f0; padding:5px;} div.SecondaryBody {padding:5px;} div.SecurityLogin {border:1px solid #399dc7; padding:5px; width:280px; margin:0 auto;} .AddedSecurity {margin-left:15px;} .BlueBorder {border:1px solid #399dc7;} .TextLeft {text-align:left;} .TextRight {text-align:right;} .floatright {float:right;} .floatleft {float:left;} .QuestionMark {margin:0 2px -2px 2px;} .Note {color:#f00;} .HelpBubble {float:left;} table.full_table {width:990px;} table.full_table, table.Autoflight { text-align:left; background-color:#fff; margin:0 auto; padding:0; border-right:0px solid #399DC7; border-left:0px solid #399DC7; border-bottom:0px solid #399DC7; } /* -- UPDATED GENERAL -- */ /* -- -- */ /* --- Help Popup --- */ .helppopup {position:absolute; visibility:hidden; color:#369; background-color:#fff; width:200px; border:1px solid #399cd7; padding:3px; z-index:10;} /* --- Hide HR --- */ hr {display:none;} /* --- Generic Definitions --- */ .bold {font-weight:700;} .clearfloats {clear:both;} .clearleft {clear:left;} .clearright {clear:right;} .Error {/*font-weight:700;*/ color:#f00;} .LocalError {color:#f00;} img {border:0px;} .inactive {color:#999;} .pending {font-weight:700; color:#f00;} .topborder {border-top:1px solid #ccc; margin-top:5px;} .firstrow td {padding-top:3px;} .reduced, .monthproduct, .reminder {color:#ce4a69;} .monthproduct { font-size:1.6em; margin:10px 11px 20px; padding:0px; font-weight:700; } /* === end GENERAL RULES === */ /* ================== HEADER ================== */ #MainHeader { padding:0 8px; margin:0; width:99%; height:100px; float:left; line-height:20px; position:relative; } #MainHeader h2 { float:left; margin:0; padding-left:10px; padding-top:7px; } #MainHeader a { font-weight:700; font-size:1em; } #MainHeader p, #MainHeader li a { font-size:1.1em; } #MainHeader ul { margin-top:48px; list-style-type:none; float:right; vertical-align:bottom; } #MainHeader li { float:left; color:#305275; padding:0 2px; border-right:1px solid #666; } #MainHeader li a { float:left; color:#325479; font-weight:100; text-decoration:none; padding:0 9px; } #MainHeader li a:active { color:#73AAC9; } #MainHeader li a:hover { color:#399dc7; text-decoration:underline; } #MainHeader li.noborder, #MainHeader li a.noborder { border:none; } #MainHeader li.noborder { position:relative; } #MainHeader .shopcart { background-image:url(/images/shopping-cart.jpg); background-repeat:no-repeat; background-position:right bottom; padding-right:30px; height:25px; } #MainHeader .shopcart #cartquantity { position:absolute; right:7px; bottom:17px; text-align:center; } #MainHeader .shopcart #cartquantity:hover { text-decoration:none; } /* === end HEADER === */ /* ============ MAIN NAVIGATION ============ */ /* ORDER /* /* td.topline > div#topnav > div#mainNavigation */ /* td.topline > div#topnav > div#rightLinks */ /* td.topline > div#topnav > a#FreeSamples */ /* CSS DropDown Menu from - www.tanfa.co.uk/css/examples/menu/tutorial-h.asp */ .topline {padding:0;} .topline #topnav {float:left; width:100%; background-image:url(/images/topnav-backleft.jpg); position:relative; background-repeat:repeat-x; padding:0 0 8px 0; z-index:20;} #mainNavigation {float:left; padding:0; margin:0 0 0 10px;} #mainNavigation a {display:block; padding:3px 10px; margin:0 0 0 0; color:#fff; text-decoration:none; border:0px solid #6d7795; width:100%;font-size:12px;} #mainNavigation ul {position:absolute; z-index:800;} #mainNavigation ul { padding:0px; margin:0px; float:left; list-style-type:none; position:relative; z-index:500;} #mainNavigation li { position:relative; float:left; z-index:500; letter-spacing:0.035em;} #mainNavigation li:hover { font-weight:100 } #mainNavigation ul li { float:left;} #mainNavigation ul li a { height:1%;} #mainNavigation ul li ul li {width:105%;} #mainNavigation ul li ul li a {background-color:#fff/*#f1f8ff*/; color:#1f456d; border-width:0px 1px; border-color:#325479; z-index:20; padding-top:4px; padding-bottom:3px;} #mainNavigation ul li ul li a:hover {background-color:#ced3db; color:#1f456d; border-width:0px 1px;} #mainNavigation ul li ul li a.last {border-width:0px 1px 1px;} #mainNavigation ul ul { z-index:500; position:absolute;} #mainNavigation ul ul ul {position:absolute; top:-1px } #mainNavigation ul ul ul ul { z-index:500; left:78px; position:absolute; top:-25px; } #mainNavigation ul ul ul li a.topborder {border-top:1px solid #325479;} #mainNavigation ul ul ul li a.topborder:hover {border-top:1px solid #325479;} #mainNavigation ul ul, #mainNavigation ul li:hover ul ul, #mainNavigation ul li:hover ul ul ul {visibility:hidden;font-size:12px;} #mainNavigation ul li:hover ul, #mainNavigation ul ul li:hover ul, #mainNavigation ul ul ul li:hover ul {visibility:visible;font-size:12px;} #mainNavigation .navlastlink {border-bottom:1px solid #325479;} #mainNavigation .navlastlink:hover {border-bottom:1px solid #325479;} #mainNavigation ul ul li {float:left;} #mainNavigation .AllProducts_menu li {width:159px;line-height:12px;} #mainNavigation .Resources_menu li {width:182px;} #mainNavigation .HelpCenter_menu li {width:154px;} #mainNavigation .AboutUs_menu li {width:196px;} #rightLinks {float:right; width:410px; background-image:url(/images/topnav-backright.jpg); background-repeat:no-repeat; height:32px; margin:0; padding:0;} #rightLinks a {padding:0; margin:0 3px 0 14px; color:#fff; text-decoration:none; width:100%;font-size:12px;font-weight:600;} #rightLinks a:visited {padding:0; margin:0 3px 0 14px; color:#fff; text-decoration:none; width:100%;font-size:12px;font-weight:600;} #rightLinks a:hover {color:#399dc7;font-size:12px;font-weight:600;} #rightLinks ul { padding:0; margin:4px 0 4px 40px; float:left; list-style-type:none;} #rightLinks li { position:relative; float:left; letter-spacing:0.035em;} #topnav .FreeSamples {width:69px; height:70px; overflow:hidden; background-image:url(/images/GetFreeSamples.jpg); background-position:0px 0px; position:absolute; left:895px; top:-20px;} #topnav .FreeSamples:hover {background-image:url(/images/GetFreeSamples.jpg); background-position:0px 70px;} #topnav .FreeSamplesOff {width:69px; height:70px; overflow:hidden; background-image:url(/images/GetFreeSamples_blank.jpg); background-position:0px 0px; position:absolute; left:895px; top:-20px;} /* --- end MAIN NAVIGATION --- */ /* ============ BREADCRUMBS ============ */ /* DR 6-24 */ #breadcrumb_nav { margin:0 0 0 5px; text-align:left; color:#666666; font-weight:normal; font-size:11px; } #breadcrumb_nav a { color:#666666; font-weight:normal; text-decoration:underline; font-size:11px; } #breadcrumb_nav a:hover { color:#399dc7; font-size:11px; } #breadcrumb_nav span { color:#34afee; font-weight:bold; font-size:11px; } /* --- end BREADCRUMBS --- */ /* ============ HOMEPAGE ============ */ #HomePage, #GetStarted, #Resources, #HelpCenter, #AboutUs {width:965px; margin:6px auto 0;} #HomePage .HomeLeft strong {color:#fff; letter-spacing:0.035em;} #HomePage .HomeLeft { float:left; padding:10px 23px; height:170px; width:350px; background:#399dc7; color:#d7eff9; font-size:2.0em; line-height:1.7em; letter-spacing:0.025em; } #HomePage .HomeRight {float:left;} #HomePage .HomeSection, #HomePage .AccountHolder {float:left; margin:15px 0 0 5px; padding-right:10px; min-height:170px;} #HomePage .HomeSection { width:185px; height:200px; background:url(../../../../images/homesection-purple.gif) repeat-y 100% 0; } #HomePage .AccountHolder {width:335px;} #HomePage h2 {margin:0; padding:0;} #HomePage h2 img {float:left;} #HomePage a, #HomePage ol, #HomePage p {margin:0; padding:0 0 5px;} #HomePage h2 {border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:8px; height:18px;} #HomePage a {font-weight:700;} #HomePage ol {margin:0 25px;} #HomePage ol a {margin:0; font-weight:100;} #HomePage p a {padding:5px 0 0; float:left;} #HomePage .ProductOfMonth a.feat_button {display:block; background:transparent url(http://www.48hourprint.com/images/featprodbutton-Mar09.gif) no-repeat 0 0; height:39px; width:179px;} #HomePage .ProductOfMonth a.feat_button:hover {background:transparent url(http://www.48hourprint.com/images/featprodbutton-Mar09.gif) no-repeat 0 -42px;} #HomePage .ProductOfMonth a.feat_button span {display:none;} #HomePage .recyclelogo {float:right; margin:0 0 0 9px;} .ProductOfMonth a, .ProductOfMonth a span {width:185px; height:27px;} .ProductOfMonth a {display:block; margin:8px 0;} .ProductOfMonth a span {position:absolute;} .ProductOfMonth img {margin:3px 3px 10px;} .ProductOfMonth a img {margin:0px;} .ProductOfMonth ul {list-style-type:none; margin:0px; padding:0px;} .ProductOfMonth .bcard a span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -13px -2px;} .ProductOfMonth .env a span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -13px -35px;} .ProductOfMonth .lhead a span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -13px -68px;} .ProductOfMonth .bcard a:hover span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -206px -2px; cursor:pointer;} .ProductOfMonth .env a:hover span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -206px -35px; cursor:pointer;} .ProductOfMonth .lhead a:hover span {background:url(/images/featured-0409-bcard-env-lhead.gif) no-repeat -206px -68px; cursor:pointer;} #HomePage .recyclebutton div {height:43px; width:160px; margin-top:7px;} #HomePage .recyclebutton div, #HomePage .recyclebutton:link div {background:url(../images/home-RecycledButton.gif) no-repeat -5px 0px;} #HomePage .recyclebutton:hover div {background:url(../images/home-RecycledButton.gif) no-repeat -5px -45px;} #HomePage .recyclebutton:active div {background:url(../images/home-RecycledButton.gif) no-repeat -5px -89px;} #HomePage .recyclebutton div span {display:none;} #HomePage .AccountHolder a {float:left;} #HomePage .AccountHolder p, #HomePage .AccountHolder img {float:left; padding:2px 0 0 8px;} #HomePage .AccountHolder .MidImage {padding-left:25px; padding-right:25px;} #HomePage .AccountHolder h2 img, #HomePage .HomeSection h2 img {padding-top:0px; float:left;} /* --- end HOMEPAGE --- */ /* ============ RESOURCES, ABOUT US ============ */ #Resources #ResourcesContent {width:800px; margin:20px auto 0;} #Resources div {width:395px;} #Resources .ResourceLeft, #Resources .ResourceRight {border-bottom:1px solid #ccc; margin:0; padding:0 0 10px;} #Resources .ResourceLeft {float:left;} #Resources .ResourceRight {float:right;} #Resources img {float:left;} #Resources h2 img {float:none; padding-top:20px;} #Resources p {float:left; padding-bottom:15px; margin-bottom:0; width:255px;} #Resources div.noborder {border:0;} /* --- end RESOURCES --- */ /* ============ GET STARTED ============ */ #GetStarted .EasySteps {width:25%; float:left; min-height:240px;} #GetStarted .EasySteps img {padding:2px 5px; margin-left:50px;} #GetStarted .StepsTextFirst, #GetStarted .StepsText {padding:0 5px 0 10px; height:104px;} #GetStarted .StepsText {background-image:url(../../../../images/homesection-purple.gif); background-repeat:repeat-y; background-position:0% 0%;} #GetStarted p {margin:5px 4px;} #GetStarted .StepsTextFirst img, #GetStarted .StepsText img {margin:0;} #GetStarted .GoButton {padding-right:80px;} /* --- end GET STARTED --- */ /* ============ HELP CENTER ============ */ #HelpCenter #HelpCenterLeft {float:left; width:60%; margin:8px 0 0 50px;} #HelpCenter #HelpCenterLeft p, #HelpCenter #HelpCenterLeft a, #HelpCenter #HelpCenterLeft h2 {margin:11px 0;} #HelpCenter #HelpCenterLeft a {color:#6d7795;} #HelpCenter #HelpCenterLeft a[title="Read More"] {float:left; margin-top:5px;} #HelpCenter #HelpCenterLeft img {margin:0 15px 0 0;} #HelpCenter #HelpCenterLeft img.header {margin-bottom:8px;} #HelpCenter #HelpCenterLeft .HelpCenterRow {clear:left; border-top:1px solid #ccc;} #HelpCenter #HelpCenterLeft .HelpCenterRow img {float:left;} #HelpCenter #HelpCenterLeft .HelpCenterRow h2 img {float:none;} #HelpCenter #HelpCenterRight {float:right; width:33%; margin-top:50px;} #HelpCenter #HelpCenterRight h3 {background-color:#6d7795;} #HelpCenter #HelpCenterRight p {margin-top:0;} #HelpCenter .SecondaryFull {margin-bottom:10px;} /* === end HELP CENTER === */ /* ============ PRODUCT CATALOG ============ */ #select_steps {border-bottom:1px solid #399dc7; padding:0 0 7px; margin:15px 0; float:left; width:977px;} #select_steps p {float:left; font-weight:100; margin:0 0 0 5px; font-size:1.6em; padding:5px 10px; color:#399dc7;} #select_steps ul.step_display {float:right; list-style-type:none; margin:0; padding:5px 10px;} #select_steps ul.step_display p {margin:2px 0 0 0; padding:0; font-size:0.9em;} #select_steps ul.step_display li {float:left; padding:2px 6px; margin-left:9px; background-color:#ccc; color:#fff;} #select_steps ul.step_display li.selected {background-color:#399dc7;} #select_steps ul.order_steps {float:left; list-style-type:none; padding:5px 10px; font-size:1.3em; margin:0 0 0 20px; font-weight:700;} #select_steps ul.order_steps li {float:left; padding:2px 10px; margin-left:9px; color:#bbb;} #select_steps ul.order_steps li.active {color:#399dc7; background-image:url(/images/ordersteps_arrow.gif); background-position:2px 50%; background-repeat:no-repeat;} .productrow {clear:both; margin:0 0 5px 0; padding:0;} .productrow .productinfo {color:#000; width:31%; float:left; margin:0 0 10px 10px; padding-right:11px; border-right:1px dashed #C5C8CE;} .productrow .infoheight {height:230px;} .productrow .noline {border:0px;} .productrow .productinfo h2 {border-bottom:1px solid #ccc; width:100%; padding-bottom:4px;} .productrow .productinfo h2 a {text-decoration:none;} .productrow .productinfo h4 {font-weight:700; color:#325479; margin-bottom:4px;} .productrow .productinfo h2 a:hover {color:#333;} .productrow .productinfo ul {float:left; padding:0; margin:0; /*width:200px;*/} .productrow .productinfo ul li {list-style-type:none; padding-top:0;} .productrow .productinfo ul.BookletPages {width:95px;} h2.midcatalog-header { color:#325479; font-size:1.1em; margin:10px 10px 15px; padding-bottom:5px; border-bottom:1px dotted #399dc7; } .productrow .productinfo .prodimg a img {float:right; padding:0; margin:0; width:100px;} /* === end Product Catalog === */ /* ============ PRODUCT CATEGORY ============ */ .ProductTable {width:100%;} .ProdCatAnnounce {padding-left:50px; font-size:1.5em; font-weight:700; margin-top:0;} .addextra {padding-left:50px; color:#42ad42; font-size:1.3em; font-weight:700; margin-top:0; text-decoration:underline;} #prodetails_full .addextra {padding-left:0;} #description {width:180px; float:left; margin:20px 10px 0 15px; padding:0;} #productPackage {float:left; border-left:1px solid #fff; padding-left:10px;} #productPackage .dimension_header2 {/*see top H2 definition*/} .category_rows {float:left; margin:0; padding:0; z-index:11; } .category_rows img { float:left; } .category_rows ul li.discount { text-decoration:line-through; color:#f99; } .category_rows ul p.discprice { position:absolute; color:#f00; top:-30px; left:20px; height:7px; } .category_rows ul.labels li, .category_rows ul.prodstats li, .category_rows ul.more li { padding-bottom:7px; list-style-type:none; font-size:0.75em; } .prodcat_desc {width:600px; float:left; margin-left:50px;} .prodcat_desc h2 {color:#000;} .prodcat_desc p.header, .package_describe h4, .package_introtext h4 {color:#399dc7; font-weight:700; border-bottom:1px solid #ccc; font-size:1.1em; margin-top:10px;} /* Product Packages */ .package_prod, .package_subtotal, .package_introtext, .package_describe { margin-left:65px; width:600px; clear:left; } #firstpack {border-top:1px solid #325479;} .package_prod {border-top:1px solid #ccc;} .package_prod h2 { font-size:1.1em; margin:0; padding:0; display:inline; } .package_prod .colortype {color:#399dc7;} .package_prod img {float:left;} .package_prod ul { list-style-type:none; margin:14px 0 0 130px; padding:0; } .package_prod li { margin:10px 0 0 0; padding:0; } .package_subtotal { border-top:1px solid #325479; border-bottom:1px solid #325479; background:#f0f0f0; color:#325479; font-size:1.1em; font-weight:700; padding:7px 0; } .package_subtotal .subtotal {margin-left:33px;} .package_subtotal .amount {margin-left:35px;} .package_subtotal .regular {margin-left:10px; font-weight:100;} .package_button {margin:15px 0 0 195px;} .package_introtext {padding-top:40px;} .package_describe {padding-top:10px;} .package_describe p {padding:0px; margin:0 0 2px;} .package_nextbutton {margin:0 0 0 255px;} /* NEW quantity selectory style */ .tickshell { width: 520px; float: left; height: 32px; position: relative; overflow: hidden; white-space: nowrap; } /*.ticker { width: 500px; position: relative; overflow: hidden; white-space: nowrap; display: inline; }*/ .ticker .movetick { position:absolute; width: 1800px; } .all_prodstats { position: relative; text-align: left; margin: 0; padding: 0; float:left;} .prod_options .dimensions, .prod_options .dimension_header {width:595px;} .prod_options .dimension_header {margin:0; padding:0;} .prod_options .dimension_header h2 {font-size:1.1em; padding:0; margin:0; /*background-color:#d9edf7;*/} .prod_options .dimension_header p.subdescription {border-bottom:1px solid #399dc7; font-weight:100; padding:3px 0 1px; margin:0; color:#399dc7; font-size:0.9em;} /*.prod_options .dimension_header p {color:#325479; font-weight:700; margin:8px 0 2px; font-size:1.1em; border-top:1px solid #399dc7; padding:6px 0 0; }*/ .prod_options .dimension_header p {color:#325479; font-weight:700; margin:6px 0 6px; font-size:1.1em; padding:3px 0 0; width:100%;} /* end NEW quantity selector style */ #productPackage .fewer-arrow, #productPackage .more-arrow {display:block; height:60px; float:left; width:30px; margin-top:45px; padding:10px;} #productPackage .fewer-arrow a {display:block; background: url(/images/arrow-few-active1.jpg) 0 0 no-repeat; line-height:30px; height:30px; width:30px;} #productPackage .fewer-arrow a:hover {background-position: 0 -31px;} #productPackage .more-arrow a {display:block; background: url(/images/arrow-more-active1.jpg) 0 0 no-repeat; line-height:30px; height:30px; width:30px;} #productPackage .more-arrow a:hover {background-position: 0 -31px;} #productPackage .bookletpagelinks {float:left; border:1px solid #399dc7; margin:8px 0 40px 50px; padding:8px; background:#d9edf7; font-size:1.1em;} #productPackage .bookletpagelinks p {color:#325479; font-weight:700; margin:0; float:left;} #productPackage .bookletpagelinks ul {list-style:none; padding:0; margin:10px 0 0; float:left;} #productPackage .bookletpagelinks ul li {float:left; margin:0 10px 0px 1px; padding:7px 0; border:1px dotted #666; background:#fff; font-weight:700;} #productPackage .bookletpagelinks ul li a {padding:7px 8px; text-decoration:underline; margin:0;} #productPackage .bookletpagelinks ul li a:hover {background:#325479; color:#fff;} #productPackage p.fourpagelink {margin-top:10px;} #productPackage .fourpagelink a {text-decoration:underline; margin-top:10px; font-weight:700;} .prod_options .dimensions {border-bottom:1px solid #399dc7; padding:4px 0;} .prod_options .dimensions ul.title {width:70px; border-right:1px dotted #999;} .prod_options .dimensions ul.title li {text-align:left; color: #325479; font-weight: 100; list-style-type: none; font-size: 1.0em; margin: 2px 3px 3px 0; padding:0 2px; z-index: 11;} .category_rows ul {float: left; width: 86px; margin: 0; padding: 0; border-right:1px dotted #999; text-align:right;} .category_rows ul.title {border-right:0;} .all_prodstats ul.prodstats { list-style: none; margin: 0; padding: 0; display: inline; float: left; position: relative; } .all_prodstats ul.prodstats li { float: left; width: 86px; display: inline; margin: 0; padding: 0; color:#6d7795;} .all_prodstats ul.prodstats li:hover {background: #fff;} .all_prodstats ul.prodstats p { padding: 1px 0 0; margin: 0px; } .all_prodstats ul.prodstats a {display: block; height: 1%; padding: 2px; color: #6d7795; text-decoration: underline; font-size: 1.2em; font-weight:100; border:1px solid #fff;} .all_prodstats ul.prodstats a:hover {/*border:1px solid #339dc7;*/ background-color:#f0f0f0; font-weight:700; color:#6d7795; font-size:1.3em; text-decoration: underline;} .all_prodstats ul.prodstats a:active { background: #369; color: #fff;} .all_prodstats ul.prodstats a p.old_price { text-decoration: line-through; color: #666; } .all_prodstats ul.prodstats a:hover p.old_price { text-decoration: line-through; color:#666; } .all_prodstats ul.prodstats a p.new_price { position: absolute; text-decoration: none; color: #f00; top: 16px; left: 9px;} .all_prodstats ul.prodstats a:hover p.new_price { color: #0074a6; cursor:pointer;} /* === end Product Category === */ /* ============ PRODUCT OPTIONS ============ */ /* ORDER: .content > #mainbody > #product_details > #details_info > .options-image ORDER: .content > #mainbody > #product_details > #details_info > .header */ /* >> ProductOptions >> product options table >> */ #mainbody {margin-top:0px;} #mainbody .ButtonRow {margin-top:0; margin-right:10px;} #proddetails {width:400px; float:left;} #proddetails p.header {color:#399dc7; font-weight:700; border-bottom:1px solid #ccc; font-size:1.1em; margin-top:0;} #proddetails ul li {margin-left:0;} #proddetails table.options div {text-align:left; display:inline;} #proddetails {margin-right:20px;} .jobquote a.custquote {float:right; margin:5px 20px 0 0;} .jobstats {width:248px; padding:5px; float:left; color:#399dc7; position:relative;} .jobstats h4 {width:225px; margin:0;} .jobstats ul {list-style-type:none; margin-left:15px; display:inline; clear:both;} .jobstats ul li {margin-bottom:10px;} .jobstats ul li.label {float:left;} .jobstats ul li.price {float:right;} .jobstats ul.total {font-weight:700;} .jobstats input {float:right; font-size:0.9em; margin-bottom:5px;} .JobQuoteTable {width:100%; color:#325479;} .JobQuoteTable .Name {width:60%; padding-bottom:10px;} .JobQuoteTable .Cost {width:40%; text-align:right; padding-bottom:10px;} .JobQuoteTable tr.TotalRow td {font-weight:700;} #promotions {float:left; padding:10px; background-color:#efefef; font-weight:700; width:223px;} #promotions h1 {padding:0; margin:0;} #promotions h3, #promotions .prod_blurb {background-color:#6d7795; margin:0 0 5px 0; padding:5px; color:#fff;} .prod_display_image {margin:3px 0;} .promo_item {padding:0; clear:both;} .promo_item a {clear:both; float:right; margin-top:10px;} .promo_box {padding-top:5px; float:left; width:223px; clear:left;} .promo_box .prod_desc {margin:5px; padding-bottom:5px; color:#6d7795; float:left;} .promo_box .prod_desc a {float:right; margin-top:10px;} .promo_box .prod_add {margin-top:3px; padding:3px 0; float:right; font-weight:700; clear:both; vertical-align:middle;} .promo_box .prod_add a {color:#fff; font-weight:700; background-color:#399dc7; padding:5px; text-decoration:none;} .promo_box .prod_add a:hover {background-color:#399dc7; color:#333;} .promo_box ul {list-style-type:none; margin:0 0 0 10px; padding:0; width:220px;} .promo_box ul.first {padding-bottom:15px;} .promo_box ul li {margin:0 0 0 10px; padding:4px 0; color:#000; font-weight:100;} .promo_box ul li a {color:#6d7795; font-weight:100; padding-left:0;} #product_details h4 {/*background-color:#399dc7;*/} #product_details table {padding-left:23px; border-color:#ccc;} .prodoptions {margin-top:15px;} .prodoptions h5 {font-size:1.1em;} .prodoptions .add_error {border:1px solid #ccc; background-color:#fc6; margin-top:10px; float:left; padding:2px;} .prodoptions .add_error img {padding:5px 5px 5px 7px; float:left;} .prodoptions .add_error p {float:left; margin:7px;} .prodoptions .add_error .bold {font-weight:700;} #prodetails_full {float:right; width:690px; margin-bottom:15px;} table.option_table {color:#333; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; width:680px; text-align:left; background-color:#d9edf7;} table.option_table td {border-top:1px solid #ccc; padding:7px 2px 7px 0;} table.option_table td table td {border-top:0; padding:0;} table.option_table td.opt-error {width:10px; vertical-align:top; text-align:center;} table.option_table td.opt-name {width:113px; vertical-align:top; font-weight:700; padding-right:5px;} table.option_table td.opt-options {width:463px; vertical-align:top; font-size:0.9em;} table.option_table td.opt-options table {border:0px;} table.option_table td.opt-options input {float:left; margin-right:-1px; margin-top:0px;} table.option_table td.opt-options p {margin-left:25px; margin-top:0px; padding-bottom:7px;} table.option_table td.opt-each {width:33%; vertical-align:top; } table.option_table td.opt-full {width:463px; vertical-align:top; padding:0; margin:0;} table.option_table td.opt-price {width:53px; vertical-align:top; text-align:right; float:right; font-weight:100;} table.option_table td.opt-details {width:87px; vertical-align:top; font-weight:700;} table.option_table td.opt-details a {vertical-align:top; font-weight:700; text-decoration:none;} table.option_table td.opt-details a:hover {text-decoration:none;} table.option_table td.opt-details a.details {color:#666;} table.option_table td.opt-details a.close {color:#399dc7;} table.option_table td.opt-details img {padding-bottom:0px; margin-bottom:-2px;} .detailsminus {padding:2px 5px; background-color:#399dc7; font-weight:700; color:#fff;} .detailsplus {padding:2px 3px; background-color:#666; font-weight:700; color:#fff;} .addtocart_button {margin:0 0 0 195px;} /* >> ProductOptions >> sliding product bar >> */ #subcontent {width:150px;} .category_rows2 {width: 200px; padding: 0px; background-color:#fff; position:absolute; border:1px solid #fff; z-index:10; display:none;} .all_prodstats2 {background:#fff; position:relative; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; float:left;} .all_prodstats2 ul.prodstats2 {list-style:none; margin:0; padding:0; display:inline; float:left;} .all_prodstats2 ul.prodstats2 li {float: left; width: 100px; display:inline; margin:0; padding:0;} .all_prodstats2 ul.prodstats2 a {display:block; position:relative; font-weight:100; height: 1%; padding:5px; color:#666; text-decoration:none; border-left:1px solid #fff; border-right:1px solid #fff;} .all_prodstats2 ul.prodstats2 a:hover {background:#ecf5ff; color:#666; border-left:1px solid #ccc; border-right:1px solid #ccc;} .all_prodstats2 ul.prodstats2 a:active {background:#69c; color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;} .all_prodstats2 ul.prodstats2 a p.old_price { text-decoration: line-through; color: #666; } .all_prodstats2 ul.prodstats2 a:hover p.old_price { text-decoration: line-through; color:#000; } .all_prodstats2 ul.prodstats2 a p.new_price { position: absolute; text-decoration: none; color: #2680a7; top:25px; left:50px;} .all_prodstats2 ul.prodstats2 a:hover p.new_price { color: #0074A6;} .all_prodstats2 ul.prodstats2 .selected {background:#369; color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;} .all_prodstats2 ul.prodstats2 p {padding:1px; margin:5px;} .dimension_header2 {font-size:0.8em; font-weight:700;} .prod_options2 .dimensions2 ul.title {background-color:#fff; position:absolute; z-index:12; width:70px; border-right:1px dotted #ccc; padding-left:3px;} .prod_options2 .dimensions2 ul.title li {color:#C96161; font-weight:700; list-style-type:none; font-size:0.9em; margin:7px 3px 3px 0; padding:2px; } .prod_options2 .dimensions2 ul.title, .tickshell2 {width:100%; height:50px; float:left; display:inline; overflow: hidden;} .ticker2 {width: 800px; position: relative; white-space: nowrap; display:inline;} .ticker2 .movetick {position: absolute; white-space: nowrap;} /* >> ProductOptions >> end sliding product bar >> */ .category_rows2 ul.labels li, .category_rows2 ul.prodstats li, .category_rows2 ul.more li {padding-bottom:7px; list-style-type:none; font-size:0.75em;} .category_rows2 img {float:left;} .category_rows2 ul {float:left; width:100px; margin:0; padding:0;} .category_rows2 ul p.discprice {position:absolute; color:#f00; top:-30px; left:20px; height: 7px;} .category_rows2 ul li.discount {text-decoration:line-through; color:#f99;} .shiftcontainer{position: relative; left: 2px /*Number should match -left shadow depth below*/; top: 2px /*Number should match -top shadow depth below*/;} .shadowcontainer{width: 460px /* container width*/; background-color: #999;} .shadowcontainer .prod_options2{height:75px /* Add container height here if desired */; background-color: white; border: 2px solid #399dc7; padding:0; position: relative; left: -2px /*shadow depth*/; top: -2px /*shadow depth*/; overflow: hidden; } /* === end Product Options === */ /* --- BASE CONTENT --- */ #base h3 {background-color:#399dc7; width:974px; clear:both; /* see other style definions at top */} #base p {margin:0 0 0 17px; float:left; width:295px; color:#000;} #base ul {float:left; margin:0 50px 0 -5px; left:330px; list-style-type:none;} #base ul li a {color:#929FB4; text-decoration:none;} #base ul li a:hover {color:#929FB4; text-decoration:underline;} #base img {margin:0; padding:0;} /* --- end base content --- */ /* ============ FOOTER ============ */ #MainFooter {width:970px; padding:20px 5px; margin:20px auto 0; color:#325479;} #MainFooter a {color:#325479;} #MainFooter ul {list-style-type:none;} #MainFooter li {float:left; display:inline;} #MainFooter .footerrow {width:100%; padding:0; margin-bottom:5px;} #MainFooter .line {border-top:1px solid #399dc7; padding-top:5px; margin-bottom:15px;} #MainFooter .footer-phone {float:left; padding:0; margin:0 0 5px 0; font-size:1.1em; font-weight:700; color:#399dc7;} #MainFooter .footer-phone a {font-weight:700; text-decoration:underline;} #MainFooter .footer-phone a:hover {color:#999;} #MainFooter .footer-products {position:relative; float:right; margin:3px 78px 0 0;} #MainFooter .footer-products a {color:#399dc7;} #MainFooter .footer-links {float:right; padding:0; margin:3px 80px 0 0;} #MainFooter .Verisign {position:absolute; bottom:-3px;} #MainFooter .BBB {position:absolute; bottom:0; right:-75px;} #MainFooter #footer-copyright, #MainFooter .footer-links {margin:5px 0; padding:0; } #MainFooter .footer-links {float:right;} #MainFooter #footer-copyright {float:left;} #MainFooter #footer-copyright p {padding:0px; margin:0;} /* --- end footer --- */ .PaymentMethod td {vertical-align:text-top;} .PaymentMethod td {width:150px;} .PaymentMethod td.header {width:150px; background-color:#fff;} div.VerboseHeader {background-color:#d9edf7;} .VerboseHeader {color:#f00;} tr.DropDownList select, tr.DoubleSelect select {float:left;} .sectionheading, .header {font-weight:700; padding-top:10px;} .RoleText {font-weight:700; color:#999; font-size:0.8em;} /*#EditBillInfoCtrl, #BillInfoCtrl {padding:10px; border:1px solid #ccc; width}*/ .Name {font-weight:100;} #ForgotYourPassword {width:400px;} #ForgottenPassword, #ForgottenReply {width:450px; margin:0 auto;} #ForgottenPassword table, #ForgottenReply table {width:100%;} #ForgottenReply table .Name {width:32%; text-align:right;} #ForgottenReply #RequiredFormLine .Name, #ForgottenReply .Control {width:65%;} #ForgottenReply .PasswordTextbox .Control input, #ForgottenReply .TextBox .Control input {width:265px;} #ForgottenReply #RequiredFormLine .Name {width: 65%; text-align:right;} .HelpMark {float:left; background-color:#666; padding:3px;} /*----- end login page - temporary ----*/ table.list {width:100%;} div#master table.list td {border-bottom:1px solid #ccc;} .required {color:#f00;} td.required {text-align:left; width:10px;} .requiredNew {color:#f00;} .requiredglossary {margin-left:340px;} .requiredglossary2 {float:right; margin-top:-10px;} .requiredphrase {text-align:right; float:right;} tr.ErrorTextBox td.Name, tr.ErrorPasswordTextbox td.Name {width:130px; vertical-align:bottom; padding-bottom:10px;} .acct-shippinginfo td.address {width:300px; padding-right:10px; margin:0 5px 8px 0; } .acct-row .acct-options {float:right; margin-top:-24px; /*font-size:0.9em;*/ color:#666;} .acct-row p.acct-options a {color:#999;} div.master .container .title {padding:0; margin:0;} div.master {padding:0; margin:0;} div.master .container {padding:5px; margin:0; border:1px solid #ccc;} div.master .container div.subtitle {border:0px; padding:0;} div.master tr.header td.header {font-weight:700; padding-top:15px; margin:0;} tr.Radios tr td {color:#369; float:left;} tr.PaymentMethod div.VerboseHeader {background-color:#ccc;} /* -- end My Account pages -- */ /* -- ChadTest pages -- */ div.master {font-size:1em;} div.master h2 {font-size:0.9em; font-weight:700; float:none; padding:5px; margin:0; font-weight:700;} div.master h3 {font-size:1em; font-weight:700; float:none; padding:5px; margin:0; background-color:#399dc7; color:#fff; font-weight:700;} div.master table {font-weight:100; margin:10px 0;} div.master table.list {font-size:1em;} div.master td.name {text-align:right;} div.master td.name td.control {text-align:left;} div.master td.address {overflow:hidden;} div.master tr.OkayCancelButtons td input {margin-right:5px; float:right;} div.master td.Control label {font-size:1em;} div.master tr.Radios {font-size:1.2em; color:#f00;} div.master tr.Radios ul {margin-left:-5px; list-style-type:none;} div.master tr.Radios ul li {float:left; padding:0; display:inline;} .dotted {border-top:1px dashed #ccc;} /* -- end ChadTest pages -- */ #EditUser {width:810px; margin:0 auto;} #AccountUsersCtrl {float:left; width:400px; margin:0;} #EditUserCtrl {float:left; width:400px; margin-left:10px;} #EditUserCtrl .Name {text-align:right;} /* ================================== Login Page | FirstPageWrapper ===================================*/ /* New Login */ #masterlogin {margin:0 auto; width:840px; padding-top:10px;} #login {width:400px; float:left; margin:auto 8px;} #login-single {width:400px; margin:auto;} #login h2, #login-single h2 { font-size:1.1em; } #login-single h2, #login-single p.explain { } #login input {width:220px;} #login table {width:100%;} #login p.explain, #login-single p.explain { padding:7px 5px; margin:0px; font-size:1.1em; } #login .container {border:1px #ccc solid; padding:5px;} #login .signup input, #login .buttonrow input {width:auto;} /* end New Login */ #MasterLoginTable {margin:0 auto; width:820px; padding-top:10px;} #MasterLoginTable input[type="submit"] {float:right;} #MasterLoginTable input[type="text"], #MasterLoginTable input[type="password"] {width:240px;} #LogIn, #NewAccount {width:400px; float:left;} #LogIn {margin-right:15px;} #LogIn h2, #NewAccount h2 {font-size:1.1em;} #LogIn .container, #NewAccount .container {border:1px #ccc solid; padding:5px;} #LogIn table, #NewAccount table {width:100%;} #LogIn .Name, #NewAccount .Name {width:30%; text-align:right;} #LogIn .asterisk, #NewAccount .asterisk {width:5%;} #LogIn .Control, #NewAccount .Control {width:65%;} #LogIn .TerseFormLine .Name {text-align:left;} #LogIn .TerseFormLine .Name a {text-decoration:none;} #LogIn .TerseFormLine .Name a:hover {text-decoration:underline;} #LogIn .Checkbox td, #NewAccount .Checkbox td {padding-top:15px;} /* === end Login Page == */ #BillInfoCtrlFull, #ShipInfoCtrlFull {width:710px; margin:10px auto; } #BillInfoCtrlFull table, #ShipInfoCtrlFull table {width:100%;} #BillInfo, #ShipInfo {width:340px; margin:5px; float:left;} #EditBillInfo, #EditShipInfo {width:330px; margin:5px; float:right;} #EditBillInfo .Name {text-align:right; width:150px;} #EditBillInfo .TextBox td.Control {text-align:left;} #EditBillInfoCtrl .ButtonRow, #EditShipInfoCtrl .ButtonRow {float:right;} p.user {float:left; margin:0;} .TextBox {width:300px;} .TextBox td {text-align:right;} .RightInfo {float:right;} #BillTermsCtrl .container, #TaxStatCtrl .container {border:0;} /* -- end Login page -- */ /* ================================== Shopping Cart ===================================*/ /* ================================== Billing - Not Logged In | PlaceYourOrderLoginWrapper ===================================*/ /* #OrderLoginControl > #ShoppingCart > #OrderLogin > #OrderLoginFull > #OrderLoginBody #OrderLoginControl > #ShoppingCart > #BillingAddressNonUsers > #BillingAddressNonUsersFull > #BillingAddressNonUsersBody #OrderLoginControl > #ShoppingCart > #PaymentMethodNonUsers > #PaymentMethodNonUsersFull > #PaymentMethodNonUsersBody #OrderLoginControl > #ShoppingCart > #PaymentMethodNonUsers > .ShoppingCartBillingButtons */ #OrderLoginControl h4 {padding:5px 7px; margin:0;} #OrderLoginControl p.section {font-weight:700; font-size:1.1em; margin:0 0 0 15px; padding:0;} #OrderLoginControl .Error {text-align:right;} #CartEnterBilling {padding:5%;} #ShoppingCart {width:660px; margin:20px auto;} #ShoppingCart h4 {width:99%;} #ShoppingCart select, #ShoppingCart input {float:left;} #ShoppingCart table.FormControl td.Name {width:25%;} #OrderLogin, #BillingAddressNonUsers, #PaymentMethodNonUsers, #PaymentMethodNonUsers .FormLineHelper, #PaymentMethodFull .FormLineHelper {float:left;} .RequiredWord {float:right; margin-top:-40px;} #BillingAddressNonUsers, #PaymentMethodNonUsers {width:323px; padding:0;} #OrderLogin, #BillingAddressNonUsers {margin:0 10px 20px 0;} #OrderLogin {width:255px; margin-left:20px;} #OrderLogin .StoreBillingInfo {padding-left:0;} #OrderLogin table {/*width:50%;*/} #OrderLogin .ForgotPassword {text-align:left; padding-top:5px;} #OrderLogin .TextBox input, #OrderLogin .PasswordTextbox input {width:140px;} #OrderLoginFull .btnLogIn input {float:right; padding:0;} #BillingAddressNonUsers td.Name {width:100px; text-align:right;} #BillingAddressNonUsers td.required {width:10px;} #BillingAddressNonUsers td.Control {width:170px;} #BillingAddressNonUsers td.Control input {width:150px;} #PaymentMethodNonUsers .Footer {text-align:left;} #PaymentMethodNonUsersBody .CCControl {width:120px;} #PaymentMethodNonUsersBody .CCControl input {float:none;} #PaymentMethodNonUsersBody .FormControl .InfoType {text-align:left; font-weight:700; padding-bottom:10px;} #PaymentMethodNonUsersBody .PayPal img {float:left;} #PaymentMethodNonUsersBody table {width:100%;} #PaymentMethodNonUsersBody table th {text-align:left; border-bottom:1px solid #ccc;} #rbgPaymentMethod label {float:left;} .ButtonRow input {margin-left:5px;} .PlaceYourOrderButtons {margin-right:10px;} .ContinueButton, .BackToCartButton {float:left; padding-left:0.5em;} tr.Footer {text-align:left;} .StoreBillingInfo {padding-left:20px;} /* ================================== Billing - Logged In | PlaceYourOrderPaymentMethods ===================================*/ /* #BillingDetailsPage > #SelectPayMethodFull > #SelectPayMethodBody #BillingDetailsPage > #PaymentMethodFull > #PaymentMethodBody #BillingDetailsPage > #BillingAddressFull > #BillingAddressBody #BillingDetailsPage > .PlaceYourOrderButtons */ #BillingAddressBody .Name {padding:3px;} #BillingAddressBody .Name span {padding:0 0 3px;} #BillingAddressBody .AddressControl .Name, #EditShipInfo .AddressControl .Name {text-align:right;} /* #BillingDetailsPage {margin-top:10px; padding:10px;} #BillingDetailsPage .ContentShell {width:590px; margin:0 auto;} #BillingDetailsPage .ColumnOne {width:255px; float:left; margin-right:10px;} #BillingDetailsPage .ColumnOne .SectionFull {margin-bottom:10px;} #BillingDetailsPage .ColumnTwo {width:323px; float:right;} #BillingDetailsPage .PlaceYourOrderButtons {float:right;} */ #SelectPayMethodFull, #SelectPOFull, #SelectPONumberFull, #PaymentMethodFull {margin-right:15px;} #BillingAddressFull {margin-right:0;} #SelectPayMethodFull, #SelectPONumberFull {width:230px; float:left; margin-left:10px;} .SelectPayMethodFull #SelectPOFull {width:100%;} #PaymentMethodFull, #BillingAddressFull #SelectPOFull, #BillingAddressFull {width:330px; float:left;} #BillingAddressFull .Control {text-align:left;} #BillingAddressFull .Control select {float:left;} #BillingDetails {width:720px; margin:10px auto 0;} #BillingDetails .PlaceYourOrderButtons, #BillingDetails #ChildOrderDescription {margin-bottom:10px;} #BillingDetails .floatright {float:right;} #BillingAddressFullD {width:200px; float:left;} #BillingAddressFull .Control {text-align:left;} #BillingAddressFull .Control select {float:left;} #PaymentMethodFull table {width:100%;} #PaymentMethodFull th {border-bottom:1px solid #ccc; padding:13px 0 0 0;} #PaymentMethodFull tr td {padding:7px 0 0 0;} #PaymentMethodFull .detailtable th {border:none;} #PaymentMethodFull .detailtable .Header th, #BillingAddressFull .detailtable .Header th { border-bottom:1px solid #ccc; padding:10px 0 0; } /* --- end Billing, Saving Payment Method -- */ /* ================================== Multiple Shipping ===================================*/ #AdvLeftCol {float:left; width:35%;} #AdvShipOptions, #AdvAddAddress, #AdvMatchAddress {border:1px solid #ccc; padding:5px; margin:10px;} #AdvShipOptions, #AdvAddAddress {float:left;} #AdvMatchAddress {float:left; width:60%;} #AdvAddAddressBody {padding:5px;} /*#AdvAddAddressBody p {width:250px;}*/ #AdvAddAddressBody {width:100%;} .MultiAddressTable {background-color:#d9edf7; border:1px solid #ccc; width:99%; padding:0; margin:0 0 15px 0;} .MultiAddressTable td {padding:3px 0 0 3px;} #AdvMatchAddressBody {padding:5px;} #AdvMatchAddressBody tr.JobNumbers {height:20px; background-color:#ccc;} .JobHeaderRow {border-bottom:1px solid #ccc; font-weight:700;} .JobDetailsFull {background-color:#ccc;} .JobDetailsBody {color:#f00;} .JobDetailsBody input.MultiButton {margin:0; border:0; border-bottom:1px solid #399dc7; padding:0; background-color:#d9edf7; color:#399dc7; font-weight:100;background-image:none;} #AdvAddAddress input.MultiButton {margin:0; border:0; padding:0; background-color:#fff; color:#399dc7; font-weight:100;background-image:none;} .JobInfo {float:left;} .JobInfo li {font-weight:700;} .JobInfo p {display:inline; padding-right:10px;} .JobDetailsTotalRow p {padding:4px 0;} .SplitShipping {float:right; font-weight:700; color:#325479;} input.JobShipQuant {width:50px;} .ShippingOptionsRadio {list-style-type:none; margin:0; padding:0;} /* --- end Multiple Shipping --- */ /* --- View Cart -- */ #CartTableContainer {float:left; width:70%; padding:0; margin:0;} .CartDisplayTable h4 {margin:0; padding:0;} .CartDisplayTable td {padding:5px; vertical-align:top; border-bottom:1px solid #ccc; margin:5px;} .CartDisplayTable tr.CartTitleRow td {padding:0; border-bottom:0; } .CartDisplayTable .gray {background-color:#f0f0f0; margin:2px; border-bottom:1px solid #ccc;} .CartDisplayTable .white {margin:2px; border-bottom:1px solid #ccc;} .CartDisplayTable .white img {margin-left:15px;} .CartDisplayTable input {float:left;} .CartDisplayTable .JobName {float:left; margin-top:2px; font-weight:700; color:#325479;} .CartDisplayTable .cartspacedivgray {background-color:#f0f0f0; } .CartDisplayTable .cartspacediv td {float:left;} .CartDisplayTable .cartspacediv input {float:left;} .CartDisplayTable .cartspacediv a.bubble {margin:0; padding:0; float:left; margin:2px 0 0 7px; color:#325479;} .CartDisplayTable .Label {text-align:right; width:130px; border:0;} .CartDisplayTable .Price {text-align:right; width:90px; border:0;} .CartDisplayTable tr.LastRow td {border:0;} .CartDisplayTotal {float:right; margin:10px 0 15px;} .CartContentRow td {padding:5px; border-bottom:1px solid #333;} .CartBuyDetailRow td {background-color:#fff; padding:3px;} .CartTitleRow p {margin:0; padding:0;} .CartTitleRow td p {background-color:#399dc7; padding:5px; margin-bottom:5px;} .CartTotalRow tr {border:1px solid #333; background-color:#d9edf7; padding:3px;} .CartTitleRow {padding:0.5%; color:#fff; font-weight:700;} td.TotalRow {background-color:#d9edf7; font-weight:700;} #PromoCode {width:310px; float:left; margin-top:10px;} #PromoCode p {margin:0 0 5px;} #PromoCode input {float:left; margin-right:10px;} #PromoCode input.box {width:230px; height:17px;} #PromoLeft {} #CartSideList {float:right; width:30%;} #PromoArea, #MiscArea {margin:0 5px 10px 0; color:#325479; width:26%; float:right;} #PromoArea p, #MiscArea p {margin:0 0 8px; padding:0;} #PromoArea td, #MiscArea td {width:50%; padding:3px 2px;} #PromoArea h4, #MiscArea h4, .SecondaryFull h4 {font-size:1em; font-weight:700; float:none; padding:5px; margin:0; background-color:#6d7795; color:#fff;} #PromoArea ol, #MiscArea ol {margin:0 20px; padding:5px;} #PromoArea li, #MiscArea li {margin:0 0 8px; padding:0;} .CartColItem {width:23%;} .CartColDetails {width:50%;} .CartColQuantity {width:16%;} .CartColPrice {width:11%;} .CartButtons { margin-top:15px; float:right; width:300px; } .CartButtons .primary, .CartButtons .secondary { float:right; } .CartButtons .primary { margin-left:15px; width:40%; } .CartTotalRight { float:right; width:300px; margin:10px 0px 0px; } .CartTotalRight table { float:right; } /* --- end View Cart -- */ /* ================================== END -- Shopping Cart ===================================*/ input.viewproofButton[disabled="disabled"] { background-color:Transparent !important; border: none !important; padding: 0px !important; } input.viewproofButton[disabled] { background-color:Transparent !important; background-image: none !important; padding: 0px !important; } #OrderConfirmation #OrderConfirmBlurb {width:990px;} #OrderConfirmation {width:1000px; margin:0 auto;} #OrderConfirmation p {margin:3px 0px;} #OrderConfirmation .SecondaryFull {margin-top:10px; float:left;} #OrderConfirmation #OrderConfirmBlurb p {float:left; width:65%;} #OrderConfirmation #OrderConfirmBlurb ul {margin:0; list-style-type:none;} #OrderConfirmation #OrderConfirmBlurb li {text-align:right; margin:5px 0 15px; color:#6d7795; font-weight:700;} #OrderConfirmation #OrderConfirmBlurb li.last {margin:5px 0 0;} #OrderConfirmation #OrderConfirmBlurb li span {padding:3px 5px; margin-left:3px; font-weight:700; color:#fff;} #OrderConfirmation #OrderConfirmBlurb li .Done {background-color:#399dc7; border:1px solid #399dc7;} #OrderConfirmation #OrderConfirmBlurb li .Active {background-color:#ccc; border:1px solid #399dc7;} #OrderConfirmation #OrderConfirmBlurb li .Todo {background-color:#ccc; border:1px solid #ccc;} #OrderConfirmView {} #OrderConfirmView li {margin-left:15px;} #OrderConfirmView .printversion {padding:5px 0; margin:10px 0;} #OrderConfirmView .printversion a {float:left;} #OrderConfirmView .printversion a img {margin-right:5px; float:left;} #OrderConfirmView h4 {color:#399dc7; font-size:1.2em; margin:8px auto;} /* ================================== Mailing List ===================================*/ #MailingList {width:905px; margin:10px auto;} #MailingList h4 {font-size:1em; font-weight:700; float:none; padding:5px; margin:0; background-color:#6d7795; color:#fff;} #MailingList h5 {border-bottom:1px solid #ccc; margin-bottom:5px;} #MailingList ul {list-style-type:none; margin:0;} #MailingList ul li {margin-left:0px;} #MailingList .HelpBubble {float:left;} #MailingList .HelpBubble img {float:left;} .MailingChoice {float:left; width:630px; margin-bottom:20px;} .MailingHelp {float:left; width:250px; margin-left:10px;} .MailingProgress, .MailingProgress1 {float:auto; text-align:right; width: 642px; } .MailingProgress input { width: 90px !important; } .industryControl {width:470px; margin-right:15px;} .employeeControl {width:155px; margin-right:15px;} .salesControl {width:155px;} #MailingControlTop {width:620px; float:left; margin-bottom:10px;} #MailingControlLeftCol, #MailingControlRightCol {width:300px; float:left;} #MailingControlLeftCol {margin-right:15px;} #MailingControlBottom {float:left; width:650px; margin-bottom:10px;} #MailingControlBottom textarea {width:600px;} #MailingList .MailingControl1, #MailingList .MailingControl2, #MailingList .MailingControl3 {margin-bottom:20px; float:left;} #MailingList .MailingControl2 {width:290px;} #RemainingProductNames ul {margin:0;} #RemainingProductNames ul li {float:left; padding-right:10px;} #MailingList .overflowaddress {float:left;} .controltext p, #MailingHelp p {margin:5px 0 15px;} #MailingHelp .second {margin-top:15px;} #MailingHelp ul { list-style:outside disc; margin:3px 0 0; padding:0 0 0 20px; } #MailingHelp li { margin:5px 0 0; padding:0; } .ModifierHelpBubble {float:left;} #MailingList h5 span {float:left; margin-right:5px;} /* ================================== END -- Mailing List ===================================*/ /* ================================== View / Approve Proof ===================================*/ #ViewApproveProofShell {margin:0 auto; width:830px;} #ViewApproveProofBody, #ReportTheProblem {width:600px; float:left;} #JobInfoList {width:175px; float:left; margin-right:20px;} #JobInfoList ul {list-style-type:none; margin:0; font-weight:700; text-align:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #JobInfoList ul li {padding:5px 0; margin:0;} #ViewApproveTable, #ProofsApproved, #ProofMessages, #ProblemWithProof {clear:both; margin-bottom:15px;} #OrderDetails {float:right; text-decoration:none;} #OrderDetails:hover {text-decoration:underline;} #ViewApproveTable table td {vertical-align:top;} #ViewApproveTable .FrontBackView {font-weight:700;} #ViewApproveTable .FrontBackView td.View img {float:left;} .ViewApproveHeader h3 {float:left; width:256px;} .ViewApproveHeader p {padding:4px 8px; float:left; color:#fff; background-color:#999; margin:0 2px 0 0; font-size:1.2em; font-weight:700; text-decoration:none;} .ViewApproveText td p {margin:0; padding:10px;} .FrontBackView {background-color:#d9edf7;} .FrontBackView td {border-top:1px solid #399dc7; border-bottom:1px solid #399dc7; padding:3px;} .FrontBackView td table {width:100%;} .FrontBackView td table td {border:0;} .FrontBackView td.AcceptReject {padding:0;} .FrontBackView td.AcceptReject td {padding:4px;} .FrontBackView td.Filename {border-left:1px solid #399dc7;} .FrontBackView td.Filename, .FrontBackView td.View {padding:15px;} .FrontBackView td.View {border-right:1px solid #fff;} .FrontBackView td.AcceptReject {border-right:1px solid #399dc7;} .FrontBackView td table .Accepted {border-bottom:1px solid #fff;} .RightCell {padding-left:3px; border-left:#fff solid 2px;} #ViewApproveTable #MessageReceived {float:right; margin:15px 0; font-weight:700; color:#c33;} #UploadYourFiles {width:780px; margin:0 auto;} #UploadYourFiles h4 {background-color:#6d7795; margin:0 0 5px 0; padding:5px; color:#fff;} #FileUpUpload {float:left; font-weight:700;width:100%;} #FileUpUpload table {background-color:#d9edf7; border:1px solid #399dc7; margin-top:15px;} #FileUpUpload td {padding:5px 0;} #FileUpUpload th {width:107px; padding:5px;} .UploadButton {float:right; margin:5px 10px;} .FileLocation {margin-left:20px; width:300px;} #FileUpFull {width:550px; float:left;} #FileUpFull #JobInfo {border-bottom:1px solid #ccc; padding-bottom:5px; margin:0;} #FileUpFull #JobInfo li {padding-top:7px;text-indent:15px;list-style-type:none;} #FileUpFull p {margin-top:10px;} #FileUpFull, #FileUpTopics {min-height:320px;} #FileUpBody strong {font-size:1.2em; color:#369;} #FileUpBody #JobInfo {font-weight:700;} #FileUpChoose p, #FileUpChoose select {display:inline;} #FileUpChoose p {padding:0 10px 0 0;} #FileUpTopics {float:right; width:190px;} #FileUpSuccessFull {float:left; margin-top:10px;} #FileUpSuccessFull h5 {font-weight:700; font-size:1.2em;} #FileUpSuccessBody {width:770px;} #FileUpSuccessExplain {float:left; width:480px; padding:5px;} #FileUpSuccessExplain p {padding:3px 0px; margin:0;} #FileUpSuccessSteps {width:270px; margin:0; float:left;} #FileUpSuccessSteps ul {list-style-type:none; margin:0; float:right;} #FileUpSuccessSteps li {margin:10px 0 0 0; text-align:right;} #FileUpSuccessSteps span {font-weight:700; margin:0 0 0 5px; padding:2px 5px; color:#fff; background-color:#399dc7;} #ProofsApproved h5 {margin:0; padding:0; display:inline;} #ProofsApproved p {margin:0; padding-left:1%; display:inline; font-weight:700;} #ProofsApproved .ApprovedJobNumber {font-weight:100;} #ProofsApproved p {margin:0; padding:0; font-weight:100;} #ProofsApproved ul {list-style-type:none; padding:0; margin:10px 0; } #ProofMessages .HeaderRow td {padding:0; border:0;} #ProofMessages .TitleRow th {font-weight:700; padding:5px; } #ProofMessages td {padding:10px 5px; vertical-align:top; border-right:1px solid #ccc; border-top:1px solid #ccc;} #ProofMessages .DateCell {width:12%; border-right:1px solid #ccc;} #ProofMessages .TimeCell {width:16%; border-right:1px solid #ccc;} #ProofMessages .ProofSideCell {width:14%; border-right:1px solid #ccc;} #ProofMessages .PostedByCell {width:17%; border-right:1px solid #ccc;} #ProofMessages .MessageCell {width:43%; } #ProofMessages .LastCell {border-right:0;} .CellGray {background-color:#f0f0f0;} #ProblemWithProofBody {height:200px;} #ProblemWithProofBody p {margin:10px 0; padding-bottom:3px; border-bottom:1px solid #ccc; font-weight:700;} #ProblemWithProofBody .ButtonRow {margin-top:5px;} #ProblemWithProofBody textarea {width:100%; height:90px;} #PostOrderLogin {width:350px; margin:10px auto 0 auto;} #PostOrderLoginTable table {width:100%;} #PostOrderLoginTable .FormLineHelper {text-align:right;} #PostOrderLoginTable input[type="text"] {width:240px;} #PostOrderLogin a.CreateAccount {float:left; margin:0; padding:0;} #PostOrderLogin a.WantToLogin {float:right; margin:0 -5px 0 0; padding:0;} #PostOrderLogin .Name {text-align:right;} #PostOrderLoginButtons {margin:5px 0;} /* ================================== END -- View / Approve Proof ===================================*/ #DetailedJobBody {float:left; margin:0 10px;} #DetailedJobRightInfo {float:right; width:248px;} .verbosejob {background-color:#fff; border:1px solid #ccc;} .verbosejob:hover {background-color:#d9edf7;} .verbosejobactive {background-color:#d9edf7; border:1px solid #399dc7;} .verbosejob, .verbosejobactive {width:257px;} .verbosejob .count, .verbosejobactive .count {color:#399dc7;} .verbosejob td, .verbosejobactive td {padding:5px;} .verbosejob .header, .verbosejobactive .header {width:78px; font-weight:700; text-align:right; padding:0; margin:0;} .verbosejob .viewedit, .verbosejobactive .viewedit {text-align:right;} .verbosejob .count, .verbosejobactive .count {font-weight:700;} #OrderDets {vertical-align:top; clear:both; font-weight:700;} #OrderDets .headerdate {color:#399dc7; margin:0 10px;} #OrderDets .BackStepButton {margin:15px 10px 0;} #OrderDets .container {border:0;} #OrderDets .printversion {float:right; margin-top:-40px;} #OrderDets .printversion a {float:left;} #OrderDets .printversion a img {margin-left:5px;} #PrintJobs, #DetailedJob {margin-right:10px;} #PrintJobs a.UploadFile, #DetailedJob a.UploadFile {color:#f00; font-weight:700; text-decoration:underline;} #PrintJobs {width:270px; float:left;} #DetailedJob {width:420px; float:left;} #AccCharge, #BillDets, #ShipDets {float:left;} #BillDets, #ShipDets {margin-bottom:10px;} #PrintJobs table table {margin:2px 0;} #DetailedJob {background-color:#d9edf7;} #DetailedJob h4 {border-bottom:1px solid #ccc; padding:3px;} #DetailedJob h4 .EditAction {float:right; margin-top:-15px;} #DetailedJob table {width:100%;} #DetailedJob table td {padding-top:6px;} #DetailedJob .Name {width:130px; text-align:right;} #DetailedJob .Desc {text-align:left;} #DetailedJob .OkayMidCancelButtons input {margin-left:10px;} #DetailedJob .OkayMidCancelButtons td {margin-left:10px; text-align:right;} #FullyPrintedOrder {float:left; width:700px; margin-right:10px;} #AccCharge .acdate, #AccCharge .acdesc, #AccCharge .accost {color:#399dc7;} #AccCharge .acdate {width:37%;} #AccCharge .acdesc {width:50%;} #AccCharge .accost {width:13%;} #AccCharge td {padding-bottom:3px;} #AccCharge h3, #BillDets h3, #ShipDets h3 {margin:0; padding:0 0 3px; background-color:Transparent; color:#399dc7; border-bottom:1px solid #ccc;} #AccCharge .container, #BillDets .container, #ShipDets .container, #ContPayBut .container {border:0; padding:0; margin:0;} /* .date - .onum - .stat - .reorder - .jobdata - .proofs - .tracknum */ #PastOrders {width:940px; margin:0 auto;} #PastOrders .proofs, #PastOrders .onum, #PastOrders .stat {width:9%;} #PastOrders .jobdata {width:34%;} #PastOrders .reorder {width:17%;} #PastOrders .date, #PastOrders .tracknum {width:11%;} #PastOrders .podate, #FullyPrintedOrder .reorder {border-left:0;} #PastOrders table, #FullyPrintedOrder table {margin:0; padding:0;} #PastOrders table td, #FullyPrintedOrder table td {padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc;} #PastOrders table table td, #FullyPrintedOrder table table td {border:0;} #PastOrders .reorder table, #FullyPrintedOrder .reorder table {margin:0 0 0 13px;} #PastOrders .reorder table td, #FullyPrintedOrder .reorder table td {padding:0;} #PastOrders input[disabled], #FullyPrintedOrder input[disabled] {background-color:transparent;} #PastOrders tr.PastOrderAlt td {background-color:#f0f0f0;} .AddSelectedButton {margin-top:10px;} #PastOrders .sectionheading, #FullyPrintedOrder .sectionheading {background-color:#f0f0f0; border-top:0;} #FullyPrintedOrder .namenum {width:20%;} #FullyPrintedOrder .new, #FullyPrintedOrder .current, #FullyPrintedOrder .printdate, #FullyPrintedOrder .shipdate, #FullyPrintedOrder .proofs {width:15%;} #FullyPrintedOrder .reorder, #FullyPrintedOrder .proofs {width:10%;} #FullyPrintedOrder #PastOrder .ErrorIcon {float:left;} #ContPayBut {float:right;} .Label .Name {font-weight:700; padding:2px 4px;} #ChildOrderDescription .DescriptionTable table {width:100%; float:left;} #ChildOrderDescription .DescriptionTable td {padding:10px 5px; vertical-align:top; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #ChildOrderDescription .DescriptionTable td.noborder {border:0;} #ChildOrderDescription .DescriptionTable .TitleRow th {font-weight:700; padding:5px; border-bottom:1px solid #ccc;} #ChildOrderDescription .DescriptionTable .DateCell {width:10%; border-right:1px solid #ccc;} #ChildOrderDescription .DescriptionTable .DescCell {width:75%; border-right:1px solid #ccc;} #ChildOrderDescription .DescriptionTable .CostCell {width:15%;} #ChildOrderDescription .DescriptionTable .LastCell {border-right:0;} #ChildOrderDescription .DescriptionTable .JobGray td {background-color:#ccc;} #ChildOrderDescription .DescriptionTable .TotalLabel {text-align:right; padding:6px 5px; border:solid #ccc; border-width:0 1px 0 0; font-weight:700;} #ChildOrderDescription .DescriptionTable .TotalCost {padding:3px 5px; border:0; font-weight:700;} #ChildOrderDescription .DescriptionTable .Total td {background-color:#f0f0f0; border-top:3px double #ccc;} /* -- DETAILTABLE --*/ table.detailtable { width:305px; margin:0 auto; } table.detailtable .Header th { color:#000; font-weight:700; text-align:left; } .Container table.detailtable { padding-bottom:0; } table.detailtable tr.incomplete td, table.detailtable tr.incomplete th { background-color:#fed4d4; } table.detailtable .addy-field, table.detailtable .cc-field {width:200px;} table.detailtable .addy-name, table.detailtable .cc-name {width:100px;} .SelectShipTo td {padding:5px;} .SelectShipTo .Control {padding:10px 0; border-top:1px dashed #ccc;} .SelectShipTo .Control .Control {padding:5px 0 0 0; border:0;} .SelectShipTo .MultiExplain {margin-left:20px;} .SelectShipTo .Control .SavedAddy { margin:10px 0 10px 20px; } #OrderShippingControl {margin:5px;} #OrderShippingControl .ContentShell {width:930px; margin:0 auto;} /*#OrderShippingControl .ColumnOne {width:300px; float:left; margin-right:10px;} #OrderShippingControl .ColumnTwo {width:300px; float:left; margin-right:10px;} #OrderShippingControl .ColumnThree {width:300px; float:right; margin:0;} #OrderShippingControl .ColumnThree .SectionFull {margin-bottom:10px;}*/ #ShippingQuoteFull, #BlindShippingFull, #ShipToFull {float:left; margin:5px 0; padding:5px;} #ShipToFull, #BlindShippingFull {width:335px} #ShipToFull .CoachText p {margin:0 0 7px;} #ShippingQuoteFull {width:235px;} #BlindShippingFull, #ShippingQuoteFull {margin-left:12px;} #OrderShipping td.CoachText p {margin-top:0;} #OrderShipping td.Name {text-align:right; width:33%;} #OrderShipping td.required {width:2%;} /*#OrderShipping td.Control {text-align:left; width:65%;}*/ .AddressTable {width:100%;} .ShipMethodTable {width:100%;} .ShipMethodTable th {text-align:left; height:20px;} .ShipMethodTable td {padding:3px 3px 0 0; text-align:left; height:40px; vertical-align:text-top;} ul.ShipMath {list-style-type:none; margin:0; padding:0; color:#999;} ul.ShipMath li.ShipType {color:#000;} th.ShipMethod {width:70%;} th.Cost {width:30%;} /* ThankYou */ #ThanksFull {margin:0 auto; width:500px;} #ThanksFull ul {margin:0; list-style-type:none; padding:0;} #ThanksFull li {margin-left:10px;} #ThanksFull #PrintLink {margin-left:10px;} #ThanksFull #PrintLink a {font-weight:700;} #ThanksFull #PrintLink img {margin-right:5px; margin-bottom:-3px;} .BackStepButton {margin:7px 0 0 15px; color:#399dc7; font-size:0.9em; background-image:url(/images/OrderBackButton.gif); background-repeat:no-repeat;} .BackStepButton a {margin-left:15px; font-weight:700; text-decoration:none; color:#399dc7;} .BackStepButton a:hover {text-decoration:underline;} .PaymentTable .Name {text-align:right;} .PaymentTable .required {text-align:right; width:10px;} .PaymentTable .Control {width:200px; text-align:left;} .PaymentTable .Control input[type="text"]{width:150px; text-align:left;} .PaymentTable input {text-align:left;} .PaymentTable th, .AddressControl th {border-bottom:1px solid #ccc; padding:3px 0;} .AddressControl {margin-bottom:20px;} .AddressControl td {padding:2px;} body#FileUploadBar {background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} body#FileUploadBar table {width:528px; height:200px; text-align:left;} body#FileUploadBar td.Label {width:260px; text-align:right; font-weight:700;} body#FileUploadBar td.Bar {width:260px; text-align:left; font-weight:100;} body#FileUploadBar #test {width:100%; height:20px;} .requiredstar { color:#42ad42; text-align:center; } /* ======================= CONTACT-FORM ========================*/ #contact-form { border-top:1px dashed #399dc7; margin:10px 0; padding:5px 0; } #contact-form .SuccessBox { margin-bottom:5px; } #contact-form table { width:400px; float:left; margin:15px auto; } #contact-form td, #contact-form th { vertical-align:top; padding:3px; } #contact-form textarea { width:250px; } #contact-form tr.phonerow td {padding-top:25px;} /* ======================= STATIC PAGES ========================*/ #PaneShell { width:100%; } .StaticNav, .StaticContent { float:left; margin-left:0px; /* DR 6-24 */ } .StaticNav { width:195px; } .StaticContent .address_col { border-top:1px dashed #399dc7; padding:10px 0px 0px 0; margin:0px; } .StaticContent .address_col ul { float:left; list-style-type:none; margin:0; padding:0; width:33%; } #FAQs { width:690px; margin-top:23px; } #head .quotepara { color:#000; width:600px; } #head .custname { color:#325479; font-weight:100; border-bottom:1px dashed #999; padding-bottom:10px; width:600px; } #head .video { width:425px; margin:0px auto; } .Static2Col {float:left; width:300px; margin:10px 10px 0 0;} .Static2Col50 {float:left; width:47%; margin:10px 15px 0 0; padding-bottom:20px; border-bottom:1px dashed #ccc;} .graybox { background-color:#f0f0f0; padding: 5px 0; margin-bottom:12px; margin-right:0; } .graybox p { padding:0 10px; color: #325479; } .graybox ul { list-style-type:none; margin:0px 10px; padding:0px; } .graybox li { color:#325479; margin-bottom:9px; } .graybox li span { display:block; margin-bottom:5px; } #postal_rates {width:400px; border:1px solid #999;} #postal_rates th {text-align:left; padding:8px 5px; border-bottom:1px solid #6d7795; font-size:1.1em;} #postal_rates td {padding:8px 5px; border-top:1px dotted #6d7795;} #postal_rates .top td {border:none;} #postal_rates .product {width:55%;} #postal_rates .product em {font-size:0.9em; color:#999;} #postal_rates .rate {width:45%; background-color:#f0f0f0;} #postal_rates ul { list-style-type:none; margin:0px; padding:0px; } #postal_rates li { margin:2px 0px; } /* --- end Static Pages --- */ /* ======================= FREE SAMPLES ========================*/ #SampleRequest {width:450px;} #SampleRequest td {padding:5px 0;} #SampleRequest .header {border-bottom:1px solid #ccc; padding-top:20px;} #SampleRequest td.requiredstar {padding:0px 5px;} .SampleRequestTable .Name {text-align:right; width:100px;} .SampleRequestTable .required {width:10px;} .SampleRequestTable .Control input {width:250px;} /* --- end Free Samples --- */ /* ======================= SHIPPING CALCULATOR ========================*/ #ShipCalc {vertical-align: text-top;} #ShipCalc td {padding:5px 0;} #ShipCalc .header {border-bottom:1px solid #ccc; padding-top:20px;} #ShipCalc .Name {text-align:right; width:150px;} #ShipCalc .Control {text-align:left;} /* --- end Free Samples --- */ /* ======================= CUSTOM REQUEST ========================*/ #QuoteRequestLeft {float:left; width:350px; margin-left:10px;} #QuoteRequestLeft .SectionFull {margin-bottom:10px;} #QuoteRequestLeft .SectionFull td {padding:4px 0;} #QuoteRequestLeft .SectionFull .Name {text-align:right; width:100px;} #QuoteRequestLeft .SectionFull .required {width:10px;} #QuoteRequestLeft .SectionFull .Control input {width:150px;} #QuoteRequestOptions {float:left; margin-left:10px; width:580px;} #QuoteRequestOptions td.QuantitySelector {padding:0 7px;} #QuoteRequestOptions p, #QuoteRequestLeft p {margin:0 0 10px;} .RequestQuoteButton {padding-right:15px;} /* --- end Custom Request --- */ /* ==================== PREFERRED CUSTOMER =====================*/ #PreferredCustomer {width:500px} #PreferredCustomer td {padding:5px 0; vertical-align:top;} #PreferredCustomer td .requiredstar {padding:5px;} #PreferredCustomer td.header {border-bottom:1px solid #ccc; padding-top:20px;} #PreferredCustomer td.requiredstar {padding:5px;} #PreferredCustomer td.Name {text-align:right; width:150px;} #PreferredCustomer td.Control input {width:250px;} /* ======================= PRINTABLE ========================*/ #Printable {width:90%; margin:0 auto;} #Printable th {text-align:left; padding-top:5px;} #Printable .LogoRow td {border-bottom:1px solid #399dc7; padding:5px 0;} #Printable .LogoRow p, #Printable .LogoRow img {float:left;} #Printable .OrderInfoRow td {border-bottom:1px solid #ccc; padding:5px 0;} #Printable .CartTitleRow th {color:#000;} #Printable #PrintableTableContainer {border-top:3px double #ccc; margin-top:5px; padding-top:5px;} #PrintableTableContainer th {padding-bottom:15px;} #PrintableTableContainer .PrintColItem {width:15%;} #PrintableTableContainer .PrintColDetails {width:61%;} #PrintableTableContainer .PrintColQuantity {width:12%;} #PrintableTableContainer .PrintColPrice {width:12%;} #PrintableTableContainer .PrintBuyDetailRow td {border:0;} #PrintableTableContainer .PrintBuyDetailRow, #PrintableTableContainer .PrintTitleRow {text-align:right; font-weight:700;} #PrintableTableContainer .PrintColPrice, #PrintableTableContainer .PrintColQuantity {text-align:right;} #PrintableTableContainer .PrintTitleRow td {border-top:3px double #ccc;} /* --- end Printable --- */ .catinfo strong.credit {} /* ======================= GUIDELINE TEMPLATES ========================*/ .GuidelineTemplates table {width:600px;} .GuidelineTemplates table.prod {width:510px;} .GuidelineTemplates table td {padding:4px; color:#325479; font-weight:700;} .GuidelineTemplates .product, .GuidelineTemplates .dimensions {background:#325479; color:#fff; font-weight:700; padding:5px 4px;} .GuidelineTemplates .os {background:#399dc7; color:#fff; font-weight:700;} .GuidelineTemplates .product, .GuidelineTemplates .dimensions, .GuidelineTemplates .os {border-bottom:0px;} .GuidelineTemplates .os, .GuidelineTemplates .oddoslogo, .GuidelineTemplates .evenoslogo, .GuidelineTemplates tr td.logo {border-left:3px solid #fff; text-align:center;} .GuidelineTemplates tr td {border-bottom:1px solid #ccc;} .GuidelineTemplates tr.header td {background:#325479; color:#fff; font-weight:700; padding:5px 4px;} .GuidelineTemplates tr.header td.os {background:#399dc7; color:#fff; font-weight:700;} .GuidelineTemplates tr.last td, .GuidelineTemplates tr.header td {border-bottom:0px solid;} .TemplateTable {width:400px;} .TemplateTable td {padding:3px;} .TemplateTable .img {width:30px;} .TemplateTable .space {width:40px;} .TemplateTable .prog {width:160px;} /* --- end Guideline Templates --- */ /* ======================= AUTOFLIGHT ========================*/ p.SideBarHeader {font-weight:700; font-size:14px;} .coating {width:120px;} /* --- end Autoflight --- */ /* ======================= BACKEND ========================*/ #BackendViewCustomer {width:960px; color:#325479;} #BackendViewCustomer th, #BackendViewCustomer td {padding:5px; border-bottom:1px solid #ccc;} #BackendViewCustomer td.noline {border-bottom:0;} #BackendViewCustomer th {text-align:left;} #BackendViewCustomer td {text-align:left; } #BackendViewCustomer .AddressControl th, #BackendViewCustomer th.header {font-weight:700; background-color:#399dc7; color:#fff;} #BackendViewCustomer th.header input {float:right;} #BackendViewCustomer table {width:100%; margin-bottom:30px; border:1px solid #ccc;} #BackendViewCustomer .BackendColumn {float:left; width:465px; margin-left:15px;} #BackendViewCustomer .BackendColumn3 {float:left; width:320px; margin-left:15px;} #BackendViewCustomer .BackendColumn4 {float:left; width:265px; margin-left:15px;} #BackendViewCustomer .BackendColumn5 {float:left; width:750px; margin-left:15px;} #BackendViewCustomer .BackendFullWidth {float:left; width:99%; margin-left:15px;} #BackendViewCustomer th.Name {width:85px; font-weight:700;} #BackendViewCustomer td.Control {width:600px;} #BackendViewCustomer td.spacer {font-size:8px; padding:0;} #BackendViewCustomer .BackendColumn3 td, #BackendViewCustomer .BackendColumn3 th, #BackendViewCustomer .BackendColumn4 td, #BackendViewCustomer .BackendColumn4 th {border-bottom:0;} #BackendViewCustomer .AddressControl td.Name {width:100px; font-weight:700;} #BackendViewCustomer .AddressControl input, #BackendViewCustomer .AddressControl select {border:1px solid #399dc7;} #BackendViewCustomer tr.TotalRow td {background-color:#f0f0f0; font-weight:700; border-top:1px solid #ccc;} #BackendViewCustomer tr.TotalRow2 td {background-color:#f0f0f0; font-weight:700;} #BackendViewCustomer .CostWord {text-align:right; border-bottom:0;} #BackendViewCustomer .CostValue {border-bottom:0;} /* --- end Backend --- */ /* ======================= BUTTON ORDER FIX ========================*/ .ButtonOrderShell {width:210px;} .ButtonFirst {float:right;} .ButtonSecond {float:left;} #CartTableContainer .ButtonOrderShell {width:275px;} #CartTableContainer .ButtonOrderShell1 {width:315px;} .ButtonOrderShell1 input[value="Continue"], .ButtonOrderShell input[value="Continue"] {padding:2px 60px;} /* --- end Button Order Fix --- */ /* ======================= RUN REPORTER ========================*/ #RunReporter {width:100%; margin:0 auto;} #RunReporter table {width:99%; border:1px solid #ccc; margin-bottom:10px; font-size:9px;} #RunReporter th, #RunReporter td {text-align:left; padding:7px 5px;} .RunInfo .TicketNumber {color:#fff; border-bottom:1px dotted #ccc; background:#399dc7; font-size:13px;} #RunReporter .RunInfo th {width:10%;} #RunReporter .RunInfo td {width:23%; padding-left:5px;} #RunReporter tr {vertical-align:text-top;} #RunReporter .SignOff th {text-align:left; width:10%;} #RunReporter .SignOff td {border-bottom:1px solid #666; color:#ddd; font-weight:700;} #RunReporter a.PrintableLink {text-align:right; font-size:10px;} /* --- end Run Reporter --- */ /* ======================= TOUR OUR FACILITIES ========================*/ table.Facilities {width:100%;} table.Facilities th {font-weight:100; padding-bottom:15px; text-align:center;} table.Facilities td {text-align:center;} table.Facilities img {padding:10px} p.facilities_head {font-weight:700; border-bottom:1px solid #ccc; padding-bottom:5px;} /* --- end Tour Our Facilities --- */ /* ======================= REVISED CREDIT (on Backend) ========================*/ #RevisedCredit .master .container .title {padding:0; margin:0;} #RevisedCredit .master {padding:0; margin:0;} #RevisedCredit .master .container {padding:0; margin:0; border:0;} #RevisedCredit .master .container div.subtitle {border:0px; padding:0;} #RevisedCredit .master tr.header td.header {font-weight:700; padding-top:15px; margin:0;} #RevisedCredit .Desc {font-weight:700; background-color:#399dc7; color:#fff;} #RevisedCredit .Name {font-weight:700;} /* --- end Revised Credit --- */ /* ======================= REPORTS ========================*/ #reports h5 {font-weight:700; color:#000;} #reports .calendar {float:left; margin-right:20px; width:300px;} #reports .fullwidthlist {float:left;} #reports .clearboth {clear:both;} #reports .options {border:1px solid #ccc; padding:10px; width:650px; margin-bottom:20px;} #reports .button {clear:both; margin-top:20px;} #reports .radiobutton {clear:both; padding:5px 0;} #reports .results {border:1px solid #ccc; padding:10px; width:650px;} #reports .results table {width:100%;} #reports .topspace {padding-top:20px;} #reports .statebox {width:630px; border:1px solid #399dc7; height:200px; overflow-y:scroll;} /* --- end Reports --- */ /* ======================= MAILING LIST UPLOAD ========================*/ #MailingListUpload {width:900px; margin:20px auto 0;} #MailingListUpload .SecondaryFull {float:right; width:280px;} #MailingListUpload .SectionFull {float:left; width:580px;} #MailingListUpload .SectionFull .content {width:48%; float:left;} #MailingListUpload .SectionFull .content p {width:96%;} #MailingListUpload .SectionFull .contentfull {width:95%; float:left; margin:5px;} #MailingListUpload .SectionFull .bordertop {border-top:1px dashed #ccc; margin-top:5px; padding-top:10px;} #MailingListUpload .SectionFull .contentfull p {width:96%;} #MailingListUpload .SectionFull table {float:left; width:100%; margin:20px 0;} #MailingListUpload .SectionFull table.preview {border:1px solid #ccc;} #MailingListUpload .SectionFull table .Name {width:120px; border-left:1px solid #ccc;} #MailingListUpload .SectionFull table .Form {width:120px; border-right:1px solid #ccc;} #MailingListUpload .SectionFull table .Both {border-left:1px solid #ccc; border-right:1px solid #ccc;} #MailingListUpload .MappingHeading, #MailingListUpload .SectionFull table th {text-align:left; font-weight:700;} #MailingListUpload .SectionFull table th, #MailingListUpload .MappingHeading, #MailingListUpload .SectionFull table td {padding:6px 4px;} #MailingListUpload .SectionFull table td {border-bottom:1px solid #ccc;} #MailingListUpload .MappingHeading, #MailingListUpload .SectionFull table th {border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#d9edf7;} #MailingListUpload .SectionFull input {float:left; margin-top:10px;} #MailingListUpload .SectionFull h5 {font-size:1em; font-weight:700; float:none; padding:5px; margin:0; background-color:#399dc7; color:#fff;} #MailingListUpload .BackStepButton {margin:0; float:left;} #MailingListUpload .floatright input {margin:0;} #MailingListUpload div.contentfull {margin:0;} #MailingListUpload .padright {margin-right:10px;} #MailingListUpload .MappingHeading {width:98%; margin:10px 0;} .Mapping {width:360px; margin:50px auto 0;} .Mapping td {padding:10px;} .Mapping select {margin-bottom:15px;} .Mapping .FullField {width:100%;} .Mapping .HalfField {width:48%;} .Mapping .Width60 {width:60px;} .Mapping .Width80 {width:80px;} .Mapping .Width100 {width:106px;} .Mapping .Width120 {width:120px;} .Mapping .Width140 {width:142px;} .Mapping .Width160 {width:185px;} .Mapping .Spacer5 {margin-right:5px;} .Mapping .Top15 {margin-top:15px;} .Mapping .required {background-color:#ffc; color:#000;} .Mapping select option {width:400px;} .requiredfield {padding:3px; border:1px solid #999; background-color:#ffc; color:#000; margin-bottom:20px;} .FirstOption {color:#666; font-style:italic;} /* --- end Mailing List Upload --- */ /* ======================= SHIPPING & HANDLING DISCOUNT ========================*/ #ShippingQuoteBody td {height:0px; padding-top:8px; vertical-align:text-bottom;} #ShippingQuoteBody .DiscountRow td {color:#999; padding-top:2px;} #ShippingQuoteBody .DiscountRow td.Explain {padding-left:20px;} #ShippingQuoteBody tfoot td { color:#666; padding-top:10px; } #ShippingQuoteBody tfoot td p { margin:0px; padding-top:10px; border-top:1px dotted #999; } /* --- end Shipping & Handling Discount --- */ /* ======================= HARD COPY PROOF ========================*/ #HardProof { width:650px; margin:0 auto; } #HardProof .doublecol { margin:10px; float:left; } #HardProof .doublecol table input { float:left; } #HardProof .doublecol input { float:right; } .doublecol .Control { border:1px solid #ccc; padding:5px; width:400px; margin:20px auto 0; } .doublecol table { width:150px; } /* --- end Hard Copy Proof --- */ /* ============================ SPANISH LANGUAGE LANDING PAGE =============================*/ #spanish_landing { width:870px; margin:10px auto auto 44px; } #spanish_landing .header { margin:0px; background:url(/images/spanish_language_headimage.gif) no-repeat 615px 10px; } #spanish_landing h2 { background:#399dc7; color:#fff; padding:20px; font-size:2.3em; margin:0px 245px 0px 0px; letter-spacing:0.01em; } #spanish_landing h2 div { margin-top:7px; font-weight:100; } #spanish_landing .wrapper { margin:10px 0px 0px 20px; float:left; width:67%; } #spanish_landing h3 { background:transparent; color:#399dc7; padding:5px 0px 10px; font-size:2.1em; margin:0px; border-bottom:1px solid #ccc; } #spanish_landing .call_action { color:#215b99; font-size:1.4em; padding:8px 0 8px 35px; background:url(/images/phone_icon.gif) no-repeat left; } #spanish_landing .call_action p { margin:0px; } #spanish_landing .call_action p.phone_number { font-weight:700; } #spanish_landing .product_list { width:27%; float:right; background:#f0f0f0; padding:5px; margin-top:10px; } #spanish_landing .product_list h4 { color:#ffffff; padding:5px; background:#6d7795; margin:0px; } #spanish_landing .product_list ul { margin:7px 0px; padding-left:20px; } #spanish_landing .product_list p { margin:0px; } /* ======================= PRINT GREEN PAGE ======================= */ #PrintGreen { margin:10px auto 0 17px; width:965px; font-size:1.1em; } #PrintGreen p {margin-top:3px;} #PrintGreen .banner {border:0px solid #999;} #PrintGreen .section { width:850px; float:left; } #PrintGreen .content { clear:left; float:left; width:750px; padding:0 0 0 190px; margin:25px auto auto 0px;border:0px solid red; font-size:12px; } #PrintGreen h2 { color:#0b5b2c; font-size:1.9em; font-family:"Trebuchet MS",TrebuchetMS,Trebuchet,Arial,Helvetica,Sans-Serif; margin:0px; display:inline; } #PrintGreen h2 span {color:#75af10;} #PrintGreen h2 strong {font-weight:100;} #PrintGreen .recycle {background:url(../images/printgreen/recycle-bulb.jpg) no-repeat top left;} #PrintGreen .responsible {background:url(../images/printgreen/fsc-logo-quality.gif) no-repeat top left;} /*#PrintGreen .corporate {background:url(../images/printgreen/printgreen-04-person.gif) no-repeat top left;} #PrintGreen .options {background:url(../images/printgreen/printgreen-05-3color.gif) no-repeat top left;} #PrintGreen table {border-collapse:collapse;} #PrintGreen table th, #PrintGreen table td {padding:4px 6px;} #PrintGreen tbody {border:2px solid #999;} #PrintGreen tbody td {border-bottom:1px solid #999;} #PrintGreen thead {border:solid #999; border-width:2px 2px 0px} #PrintGreen tfoot td {font-size:0.8em;} #PrintGreen .button {margin-bottom:15px;} #PrintGreen .customquote div {height:65px; width:220px;} #PrintGreen .customquote div, #PrintGreen .customquote:link div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -2px;} #PrintGreen .customquote:hover div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -79px;} #PrintGreen .customquote:active div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -155px;} #PrintGreen .customquote div span {display:none;} */ #promoBurstDec {position:absolute; top:-87px;left:420px;width:140px;height:130px; z-index:1000;} /* placement of bus card promo DEC/09 */ #promoBurst {position:absolute; top:-87px;left:420px;width:140px;height:130px; z-index:1000;} /* placement of bus card promo NOV/09 */ /* #learnAboutQuality {position:absolute; top:-124px;left:395px;} placement of pink ad */ #quality {margin:10px auto 0 20px; width:965px; font-size:12px;border:0px solid red; } /* #quality P {margin:0;padding:5px 0 20px 0;} */ #quality h1{ color:#0099ff; font-size:18px; font-family:"Trebuchet MS",TrebuchetMS,Trebuchet,Arial,Helvetica,Sans-Serif; margin:20px 0 20px 0; padding:0; font-weight:bold; } #quality h2{ color:#0099ff; font-size:16px; font-family:"Trebuchet MS",TrebuchetMS,Trebuchet,Arial,Helvetica,Sans-Serif; margin:0; padding:0; font-weight:bold; } .green{color:#179604;} #quotes {} #qualityQuote {width:600px;padding:0px;} #qualityQuote P {padding:20px;} .blockquoteM {color:#dd2188; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:15px;} .qualityoutsideBox {width:600px;background:url(../images/printgreen/quote-quality-top.gif) top left no-repeat;margin:0 0 25px 5px;padding:0;} .qualityinsideBox {padding:0px; background:url(../images/printgreen/quote-quality-bottom.gif) bottom left no-repeat;} .qualityinsideBox p {color:#205e84;font-family:Verdana, Geneva, sans-serif;font-size:16px;font-style:italic;margin:0;padding:17px 13px 5px 55px;line-height:19px;} #quality .button {margin-bottom:15px;} #quality .customquote div {height:65px; width:220px;} #quality .customquote div, #quality .customquote:link div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -2px;} #quality .customquote:hover div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -79px;} #quality .customquote:active div {background:url(../images/printgreen/printgreen-custom-quote-button.gif) no-repeat -8px -155px;} #quality .customquote div span {display:none;} /* ======================= STATIC PAGE STYLES ========================*/ /* Site Map */ #sitemap {width:745px; margin:0 100px;} #sitemap p {font-weight:700; border-bottom:1px solid #ccc; padding-bottom:5px;} #sitemap ul li {font-weight:700;} #sitemap ul ul li {font-weight:100;} #sitemap .left {float:left;} #sitemap .right {float:right;} #sitemap .left, #sitemap .right {width:360px;} #sitemap .nolink {color:#999;} #all_content { width:700px; margin-left:135px; } #affinity { width:550px; margin-left:210px; } .acce_logo { margin:0 15px 10px 0; float:right; padding:5px; } .chamber_op {padding-bottom:5px;} .acce_paragraph1 { padding-top:10px; border-top:1px solid #399dc7; } #head {padding: 0px; margin-left: 0; margin-top: 11px; width: 744px; float: left; margin-bottom: 0; padding-bottom: 0; } #head {font-size: 1.1em; } #head .sub {color:#325479; font-weight:700; } #head p {line-height: 14px;font-size: 12px;} #head .FoldImage {float:left; text-align:center; margin:0 20px 10px; width:256px;} #head .FoldImage p {font-weight:700; text-align:center; color:#399dc7; background-color:#fff;} #head .SupportIcon { background:#f00;} #head h4 { clear:both; margin:20px 0 0; padding:0px; } /* h2 on most pages */ #reports h2, #head h2, #content-3-col-215 h2 { color:#039edd; font-family:"Trebuchet MS", Verdana,Helvetica,Arial, sans-serif; border-bottom:1px solid #e8e8e8; font-size:17px; margin:40px 0 15px 0; display:block; padding-bottom:0px; /* DR replaced: color:#325479; border-bottom:1px solid #325479; font-size:1.1em; font-weight:700; margin:40px 0 10px 0; display:block; padding-bottom:5px; text-transform:capitalize; background-color:#fff */ } #content-3-col-215 p {font-size:12px;} #affinity h2 { font-size:2.1em; color:#399dc7; border-bottom:1px solid #325479; font-weight:100; letter-spacing:1px; margin:40px 0 15px 0; display:block; padding-bottom:10px; background-color:#fff } .TemplateHelp h3, #head h3 { color:#325479; padding-left:5px; background-color:#d9edf7; /* border-bottom:#ccc solid 1px;*/ margin-top:0; } #head h3.first {margin-top:30px;} #head img.ProductOfMonth { float:left; padding:0 15px 20px 0; } #head .detail { font-size:0.9em; } #head .Intro {background-color:#d9edf7; padding:5px; border:1px solid #399dc7; margin-bottom:10px;} #head .Intro img {margin:0; padding:0 10px 0 0;} #head .Intro h2 {background-color:#399dc7; margin:0; padding:5px; line-height:normal; color:#fff; border-bottom:0;} #head h3.newsletter {color:#399dc7; margin:0; background:#fff; padding:10px 0 5px; font-size:1.2em; border-bottom:1px solid #ccc;} #head .Intro p {padding:5px; margin:5px 0 0;} #head .Intro a {color:#325479;} #head .Featured {background-color:#d9edf7; padding:10px; border:1px solid #399dc7; margin-bottom:10px;} #head .Featured img {padding:0; margin:0 10px 0 0; border:1px solid #399dc7;} #head .Featured h2 {background-color:#399dc7; margin:0 0 0 160px; padding:5px; line-height:normal; color:#fff; border-bottom:0;} #head .Featured p {padding:5px; margin:5px 0 0 160px;} #head .Featured a {color:#325479; text-decoration:underline;} #head .Closing {color:#999; border-top:1px dashed #ccc;} .inkspotV2 .footer, .inkspotV2 #footer, .inkspotV2 #header { background:transparent url(/images/newsletter/inkspot-head-foot-back.jpg) no-repeat 0px -125px; color:#fff; float:left; width:97%; } .inkspotV2 #header { text-align:right; padding:15px; margin:42px 0 25px 0; } .inkspotV2 #header p { margin:0px; padding:0px; font-size:1.2em; color:#fff; } .inkspotV2 #header h2 { padding:0px; background:none; border:none; margin:5px 0px 0px; color:#fff; font-size:1.3em; } .inkspotV2 #body { margin-left:20px; width:500px; } .inkspotV2 .footer p, .inkspotV2 #footer p { margin:0; } .inkspotV2 #footer { padding:25px 15px; clear:both; margin-top:25px; } /* --- needed for 2 December emails --- */ .inkspotV2 h2 { padding:10px; background:transparent url(/images/newsletter/inkspot-head-foot-back.jpg) no-repeat scroll 0pt 0pt; color:#fff; } .inkspotV2 #body h3 { font-size:1.3em; color:#000; margin:5px 0; padding:0px; background:#fff; } .inkspotV2 img { float:right; margin-left:10px; } .inkspotV2 p.subhead { margin-bottom:4px; } .inkspotV2 p.item { margin-top:0px; } .inkspotV2 .header, .inkspotV2 .texthead { color:#123879; font-size:1.5em; margin-top:3px; font-weight:700; } .inkspotV2 .subhead { font-weight:700; font-size:1.2em; } .inkspotV2 .bookmark { padding:10px 0px; clear:left; } .inkspotV2 .bookmark img { margin:7px 0; float:none; } .inkspotV2 .bookmark .delicious { background:transparent url(/images/newsletter/delicious.png) no-repeat 0 7px; margin-left:10px; padding:10px 25px; } .inkspotV2 .fine {color:#666666; font-size:10px; margin-left:0; } .inkspotV2 .footer { padding:10px; clear:both; margin-top:5px; } .inkspotV2 #body .product {float:left;} .inkspotV2 #body .product img {margin:0px;} .inkspotV2 #body .buttonrow {width:100%; text-align:center;} .inkspotV2 #body .buttonrow a { background:transparent url(/images/newsletter/btn-ten-percent-off-buscards-withhover.gif) no-repeat 0 0; display:block; width:209px; height:48px; margin:0 auto; } .inkspotV2 #body .buttonrow a:hover {background:transparent url(/images/newsletter/btn-ten-percent-off-buscards-withhover.gif) no-repeat 0 -48px;} .inkspotV2 #body .buttonrow a span {display:none;} /* ======================= APRIL 1, 2009 Inkspot ======================== */ .apr0109 #body {width:95%;} .apr0109 #body img {float:left; margin-left:0px; padding:0px;} .apr0109 #body .env {clear:left;} .apr0109 #body .env, .apr0109 #body .bcard, .apr0109 #body .lcard {margin-top:10px; float:left;} .apr0109 #body ol {float:left; margin:10px 0px;} .apr0109 #body li {font-weight:700; font-size:1.3em;} .apr0109 #body li p {margin:3px 0 12px -23px; font-weight:100; font-size:0.8em;} .apr0109 #body .blue {color:#006cff; font-weight:700;} .apr0109 #body .headline {font-size:1.4em; margin-bottom:0px; clear:left;} /* ======================= NAVIGATION STYLES ======================== */ /* MARKETING RIGHT SIDE LINKS */ ul.right-menu { float:right; width:165px; margin-top:7px; } ul.right-menu li { padding: 8px 12px; border-top: 1px dotted #828790; list-style: none; } ul.right-menu li.selected { background-image:url(/images/light-blue-arrow.gif); background-position: 1px 11px; background-repeat: no-repeat; } ul.right-menu li.top {border-top: none;} /* STATIC LEFT NAV BLOCK and MYACCOUNT NAVIGATION, DR 6/24/09 */ #subnav { width:175px; list-style:none; margin:0; padding:0; font-size:1.1em; float:left; } #navmyact { width:175px; list-style:none; margin:0px 0 30px 0; padding:0; font-size:1.1em; float:left; } #subnav { border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #navmyact { border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } #subnav li, #navmyact li { width:175px; clear:right; padding:0; margin:0; font-weight:700; display:block; } #subnav li { border-top:1px solid #e4e4e4; } #navmyact li { border-top:1px solid #e4e4e4; } #subnav li ul, #navmyact li ul { padding-left:0px; margin-left: 0; } #subnav li ul li, #navmyact li ul li { padding: 0 0 0 12px; border:none; font-weight:100; list-style:none; width:147px; line-height:10px;/* added 6/18/09 */ } #subnav li a:link, #subnav li a:visited, #subnav li ul li a:link, #subnav li ul li a:visited, #navmyact li a:link, #navmyact li a:visited, #navmyact li ul li a:link, #navmyact li ul li a:visited, #navmyact p { font-family:Arial,helvetica, Verdana, Sans-Serif;font-size:12px; /* font-size on the menu */ display: block; margin: 0; text-decoration: none; margin: 1px; color:#fff; } #navmyact li a:link, #navmyact li a:visited, #navmyact li ul li a:link, #navmyact li ul li a:visited { color:#325479; } #subnav li a:link, #subnav li a:visited, #navmyact li a:link, #navmyact li a:visited { font-size:12px;color: #fff; /* color for white text on the headers */ } #subnav li a:link, #subnav li a:visited, #navmyact li a:link, #navmyact li a:visited, #navmyact p { padding: 2px 0 2px 14px; width: 159px; } #subnav li a:link, #subnav li a:visited, #navmyact li a:link, #navmyact li a:visited, #navmyact p {color: #fff; background-color: #04aeef;/* background color for headers */ } #subnav li ul li a:link, #subnav li ul li a:visited { color:#325479; /* font color for sublinks */ background-color:#fff; padding: 4px 0; width: 150px; text-indent: 0; border-bottom: 1px solid #b6bbca; /* line between sublinks */ } #navmyact li ul li a:link, #navmyact li ul li a:visited { color:#325479; /* font color for sublinks */ background-color:#fff; padding: 4px 0; width: 155px; text-indent: 0; border-bottom: 1px solid #b6bbca; /* line between sublinks */ } #subnav li a:hover, #navmyact li a:hover {color: #325479;} /* hover on header font color */ #subnav li a.selected, #navmyact li a.selected, #navmyact li p.selected { background-image:url(/images/main-subnav-widget.gif); background-repeat: no-repeat; background-position: left top; display:block; } #subnav li ul li a:hover {color:#3a9dc7; background-color:#f7f8f9;}/* hover background color sublinks*/ #navmyact li ul li a:hover {color:#3a9dc7; background-color:#f7f8f9;}/* hover background color sublinks*/ #subnav li ul li a.last:link, #subnav li ul li a.last:visited, #navmyact li ul li a.last:link, #navmyact li ul li a.last:visited {border:none;} .select { background-image:url(/images/sub-subnav-widget.gif); background-repeat:no-repeat; background-position:17px 0; font-weight:700; } .select a {font-weight:bold;} #facilities {} #subnav li.liHidden {display:none;} #learnAboutQuality { left:395px; position:absolute; top:-124px;} #dataGatheringPrompt { text-align:center;width:75%;margin:15px auto; border:solid 1px #CCCCCC;background:#FAF7C3;padding:10px;position:relative;} #dataGatheringPrompt p {margin:0;padding:0;} #dataGatheringPrompt input {float:none;} #dataGatheringPrompt label {font-weight:bold;font-size:1.1em;} #dataGatheringPrompt span { margin:0 10px 0 0;} #dataGatheringPrompt form { padding:10px 0 0; } #dataGatheringPrompt .buttons { margin:10px 0 0; } #dataGatheringPrompt .close { position:absolute;right:0;top:0;cursor:pointer;margin:1px 1px 0;} #dataGatheringPrompt .reference{ padding:5px 0 0 0;} p sup {line-height:1.8em;} div.horiz-rule { height: 1px; max-height: 1px; overflow:hidden; border-top: solid 1px #C7C7C7; margin-top: 15px; margin-bottom: 15px; clear:both;} sup {vertical-align:top;} /*google search stuff */ .gsc-control-cse {font-family: Arial, sans-serif;border-color: #FFFFFF;background-color: #FFFFFF;} .gsc-input {border-color: #325479; width: 114px !important; background-image: none !important;} input.gsc-search-button {color:#444444 !important; background-color: #c0c0c0; background-image: url(../images/google-search-button.png) !important; height:20px !important; width:68px !important;border:none !important; margin-left: 4px !important;} .gsc-tabsArea {border-color: #E9E9E9;display:none;} .gsc-webResult.gsc-result {border-color: #FFFFFF;background-color: #FFFFFF;} .gsc-webResult.gsc-result:hover {border-color: #FFFFFF;background-color: #FFFFFF;} .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b {color: #04AEEF;} .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b {color: #04AEEF;} .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b {color: #325479;} .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b {color: #325479;} .gsc-cursor-page {color: #04AEEF;} a.gsc-trailing-more-results:link {color: #04AEEF;} .gs-webResult.gs-result .gs-snippet {color: #000000;} .gs-webResult.gs-result .gs-visibleUrl {color: #6D7695;} .gs-webResult.gs-result .gs-visibleUrl-short {color: #6D7695;} .gsc-cursor-box {border-color: #FFFFFF;} .gsc-results .gsc-cursor-page {border-color: #E9E9E9;background-color: #FFFFFF;} .gsc-results .gsc-cursor-page.gsc-cursor-current-page {border-color: #ffffff;background-color: #ffffff;} .gs-promotion.gs-result {border-color: #336699;background-color: #FFFFFF;} .gs-promotion.gs-result a.gs-title:link {color: #04AEEF;} .gs-promotion.gs-result a.gs-title:visited {color: #04AEEF;} .gs-promotion.gs-result a.gs-title:hover {color: #325479;} .gs-promotion.gs-result a.gs-title:active {color: #325479;} .gs-promotion.gs-result .gs-snippet {color: #000000;} .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short {color: #6D7695;} #searchForm img{display:none;} #searchForm div{display:none;} #gSearch {float:right;width:191px;position:relative;left:187px;top:12px;} .hidden{display:none;} /*Vote Stuff*/ .vote {margin:auto;text-align:center;width:988px !important;} .vote h2, .vote p, .vote ul {text-align:left;} .vote h1{text-align:center;} /*quote request stuff*/ #QuoteRequestOptions div.SectionBody input[type=text]{width:323px;} #QuoteRequestOptions div.SectionBody select{width:325px;} /*date Picker stuff*/ .ui-datepicker{ background-color:White !important; text-align:center !important; width:140px !important; border:solid 2px #cccccc !important; } .ui-datepicker-next{float:right !important;} .ui-datepicker-prev{float:left !important;} .ui-icon{cursor:pointer;} .ui-datepicker-trigger{height:22px !important;width:28px !important; padding:0px !important; overflow:hidden !important;} .ui-datepicker-trigger{cursor:pointer;}