/* ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved Use this stylesheet to change the look of the default header and footer that ship with ProductCart. If styles modified using this page do not appear in your storefront, please check the following two items before anything else: (1) Make sure that header.asp links to this stylesheet. The code goes before the closing tag: (2) Make sure that header.asp contains the following code at the very top of the page, before anything else. (3) The styles included under "MAIN Styles" are the ones that used to be controlled by the Display Settings area of the ProductCart Control Panel in previous versions of the software. Unless you want to, you DO NOT need to change any of the other styles. */ .card606top { background:url(/images/whitebox_606_top.png) top left no-repeat; height:12px; } .card606mid { background:url(/images/whitebox_606_mid.png) top left repeat-y; } .card606bottom { background:url(/images/whitebox_606_bottom.png) top left no-repeat; height:13px; } .card791top { background:url(/images/whitebox_791_top.png) top left no-repeat; height:12px; } .card791mid { background:url(/images/whitebox_791_mid.png) top left repeat-y; padding:0px 18px 0px 10px; } .card791bottom { background:url(/images/whitebox_791_bottom.png) top left no-repeat; height:13px; } /*----------------------------------------------------------------------------------------- MAIN Styles - They apply to the entire storefront, unless otherwise defined below ----------------------------------------------------------------------------------------*/ /* pcMain is the container for all information displayed by ProductCart on the page This is where you can change the font used storewide, for example. */ #pcMain { font-size: 11px; color: #3b3a32; text-align: left; margin:0px 10px; font-family:arial; } #pcMain.padThis { margin:0px 10px; } #pcMain.dontPad { margin:0px; } /* The following two statements assign a style to links storewide. They are sometimes overwritten by other styles that target specific links. */ #pcMain a:link { color: #2E6DA8; } #pcMain a:visited { color: #2E6DA8; } #pcMain a:hover { color: #2E6DA8; text-decoration: none; } #pcMain a.green { color:#178F44; font-weight:bold; text-decoration:none; } #pcMain a:hover.green { text-decoration:underline; } #pcMain a.boldlink, #pcMain a.boldlink:link, #pcMain a.boldlink:visited, #pcMain a.boldlink:hover { color: #3b3a32; text-decoration: none; font-weight:bold; font-size:12px; } .tabLine { border-top:1px solid #E9E2DA; clear:both; } #TabbedPanelsCP .TabbedPanelsContent { background:#fff url(/images/tabsubnav.gif) bottom left repeat-x; padding: 0px; height:35px; } .TabbedPanelsContent ul.profileSubNav { margin:0px; padding:0px; } .TabbedPanelsContent ul.profileSubNav li { position: relative; top: 1px; margin: 7px 0px 0px 0px; float: left; padding:0px !important; margin: 6px 0px 0px 0px; font: bold 0.9em sans-serif; list-style: none; color:#81776c; font-size:14px; border-width:0px; border-right:1px solid #E9E2DA; } #pcMain .TabbedPanelsContent ul.profileSubNav li a, #pcMain .TabbedPanelsContent ul.profileSubNav li a:visited, #pcMain .TabbedPanelsContent ul.profileSubNav li a:link { color:#81776C; padding:0px 15px; text-decoration:none; } .TabbedPanelsContent ul.profileSubNav li.selected { background-color: #fff; border-bottom: 1px solid #fff; } #registrationCrumbs { width:100%; background-color:#F4F0EC; border-bottom:1px dashed #DFD8D0; margin-bottom:10px; } #registrationCrumbs td { padding:6px 0px 9px 15px; font-size:14px; font-weight:bold; color:#c4b9b0; } #registrationCrumbs td span { font-size:18px; padding-right:10px; } #registrationCrumbs td.selected { color:#2E6DA8; } #registrationCrumbs td.done { color:#81776c; } #regLeft { width:185px; float:left; background-color:#f4f0ec; border:1px solid #e9e2da; } #pcMain #regLeft ul { list-style:none; color:#696760; font-size:14px; margin:0px; padding:0px; } #pcMain #regLeft li { padding: 10px 10px 10px 25px; background:url(/images/greendot.gif) 10px 16px no-repeat; border:1px solid #fff; } #pcMain #regLeft li.selected { background-color:#fff; font-weight:bold; } #regRight { margin-left:200px; } /*----------------------------------------------------------------------------------------- Storefront Tables - Styles within the table are defined later ----------------------------------------------------------------------------------------*/ /* pcMainTable is the container for all information displayed on the by ProductCart on the page */ .pcMainTable { width: 100%; border: 0; border-collapse: collapse; } .narrow .pcMainTable { } /* pcShowProducts is the table that organizes the display of products (e.g. in a category or when viewing best sellers or new arrivals. By default it's set to 100% width and to align in the center of the page. */ .pcShowProducts { text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; border-collapse:collapse; } #productTable.pcShowProducts { } .featuredPod { margin:5px 15px 5px 20px; padding:10px 20px; background-color:#F4F0EC; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .featuredPod .leftarea { margin:0px; text-align:left; } .featuredPod .leftarea { margin:0px; text-align:left; } .pcShowProducts .pcShowProducts { text-align:left; } /* pcShowContent is the table that organizes the display of information other than products. It does not have a dotted border around it. By default it's set to 100% width and to left of the page. */ .pcShowContent { text-align: left; margin-left: 0; border: 0; width:100%; border-collapse: collapse; margin-top: 5px; padding: 5px; color:#81776C; } .bigSection { padding:0px 30px; } .workshop .bigSection { padding:0px; } .bigSection .pcShowContent td { font-size:14px; } .cpanel .pcShowContent { width:530px; margin-top:20px; } .cpanel .pcShowContent.wide { width:100%; } .pcShowContent td { vertical-align: top; padding:0px 0px; font-size:12px; } .pcShowContent.jazzy td { vertical-align: top; padding:2px; } .workshop .pcShowContent td { padding:0px; } .pcShowContent.alignbottom td { vertical-align: bottom; } .pcShowContent .contactleft { font-size:16px; font-weight:bold; text-align:right; padding:0px 10px; padding:5px 10px 30px 0px; } .pcShowContent .contactright { font-size:16px; font-weight:bold; padding-bottom:20px; } .pcShowContent .contactright input, .pcShowContent .contactright select, .pcShowContent .contactright textarea, #pcMain .tellafriend input, #pcMain .tellafriend textarea { font-size:16px; font-family:arial; width:400px; padding:5px; } #pcMain .tellafriend input, #pcMain .tellafriend textarea { width:350px; } .tellafriend td { font-size:16px; font-weight:bold; padding:5px; } .tellafriend td.lc { text-align:right; } #contactPage td { color:#81776C; } #contactPeople { font-size:11px; border-top:1px solid #E9E2DA; } #contactPeople td { padding:10px; vertical-align:top; } #contactPage h2 { padding:0px; margin:0px; background-color:transparent; line-height:14px; } #pcMain #contactPeople a { color:#2A9944; text-decoration:none; font-weight:bold; } #pcMain #contactPeople a:hover { text-decoration:underline; } #registerNotice { background:#FFC2C5 url(/images/exc_red.gif) 18px center no-repeat; border:1px solid #E5A1A5; color:#C27F83; padding:15px 15px 15px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #regNotice { background-color:#fdfedb; border:1px solid #efebe7; padding:17px; margin:0px 15px 20px 15px; color:#81776C; } #regNotice h2 { padding:0px; margin:0px; background-color:transparent; color:#3B3A32; font-size:24px; } #regNotice .oneReg { background:url(/images/exc_yellow_small.gif) 0px center no-repeat; padding:0px 0px 0px 15px; margin:10px 0px 0px 15px; min-height:28px; } #regNotice .oneReg a { color:#178F44; font-size:14px; text-decoration:none; font-weight:bold; } #regNotice .oneReg a:hover { text-decoration:underline; } #confirmDetails #regNotice { margin-right:40px; } #confirmDetails .oneReg { } #registerEmail h2, #addWorkshopMember h2 { background-color:#f3f0ec; color:#3b3a32; font-size:20px; border-bottom:1px solid #E4DED7; margin-bottom:10px; padding:4px 15px; } #registerInfo { color:#81776C; font-size:18px; padding:0px 25px 25px 25px; } #pcMain #registerInfo a { color:#2a9944; text-decoration:none; font-weight:bold; } #pcMain #registerInfo a:hover { text-decoration:underline; } #attList { list-style:none; margin:0px; padding:0px; width:185px; border:1px solid #E9E2DA; } #pcMain #attConfirm a { font-size:18px; font-weight:bold; color:#81776C; } #pcMain #attConfirm a:hover { text-decoration:underline; } #pcMain #attList li { margin:0px; padding:10px 10px 10px 23px; background:#F4F0EC url(/images/greendot.gif) 11px center no-repeat; border:1px solid #fff; } #attSignup { margin-top:0px; } .attTitle { font-size:16px; font-weight:bold; color:#3B3A32; margin:15px 0px; } #pcMain .attPod { background-color:#fcfaf8; border:1px solid #e9e2da; margin:10px 00px 20px 0px; color:#81776C; padding:35px 20px 20px 20px; position:relative; } #pcMain .attPod table { border-spacing:0px; } #pcMain .attPod td { color:#81776C; } .attTab { position:absolute; background:url(/images/register_tab.gif) top left no-repeat; top:-6px; left:10px; width:95px; text-align:center; height:28px; color:#3B3A32; font-weight:bold; padding-top:5px; font-size:14px; } #attEmail { margin-bottom:15px; } #attEmail #regLabel { font-weight:bold; font-size:14px; } #attEmail td { vertical-align:bottom; } #pcMain img.attImg { border:4px solid #e9e2da; } .regNotice { color:#C54641; font-weight:bold; } #pcMain .attPod td h1, #pcMain .attPod h1 { color:#3B3A32; padding:0px; margin:0px; border-width:0px; } #pcMain .attPod .no { text-align:center; font-size:18px; padding:30px; } #pcMain #addWorkshopMember .l p, #pcMain #loginTable .l p { font-size:16px; font-weight:bold; padding: 4px 10px 14px 10px; } #addWorkshopMember .l, #loginTable .l { text-align:right; } #addWorkshopMember input, #addWorkshopMember select, #loginTable input, #loginTable select { font-size:16px; } #pcMain .attPod a.red { color:#f00; font-size:16px; font-weight:bold; } #pcMain .attPod a { color:#3B3A32; font-weight:bold; text-decoration:none; } #pcMain .attPod a:hover { text-decoration:underline; } .attPod .attInput { font-size:18px; width:342px; margin-top:5px; } .workshop #productReviewsSection .pcSectionTitle { display:none; } #reviewPopup td { padding:5px; } #pcMain #productReviewsSection a { color:#3B3A32; text-decoration:none; font-weight:bold; font-size:12px; } /* pcShowCart is the table that organizes the display of information on the shopping cart page */ .pcShowCart { text-align: left; margin-left: 0; width: 100%; border: 0; border-collapse: collapse; } .pcShowCart .total { font-size:24px; color:#2E6DA8; } .pcShowCart td { padding: 1px; vertical-align: top; } /* pcShowList is used when showing a list of items such as quantity discounts */ .pcShowList { text-align: left; width: 80%; border: 1px solid #e1e1e1; border-collapse: collapse; } /* Styles within MAIN TABLE */ /* Style the page title */ .pcMainTable h1 { border-bottom: 1px solid #e9e2da; font-size: 24px; font-weight: bold; margin: 10px 0px 5px 0px; padding: 3px 5px 6px 45px; text-align: left; color:#3B3A32; line-height:28px; position:relative; z-index:1; } .pcMainTable h1.noline { border-width: 0px; } .pcMainTable h1 .small { font-size: 16px; font-weight: normal; } .cpanel .pcMainTable h1 { border-width:0px; } .workshop .pcMainTable h1 { border-width: 0px; margin: 10px 0px 5px 0px !important; color:#3b3a32; } .dontPad .pcMainTable h1.padThis { margin: 10px 10px 5px 10px; } .dontPad .pcMainTable h1 { margin: 10px 0px 5px 0px; } h1 .colorbox { height:25px; width:25px; position:absolute; left:5px; top:1px; z-index:1; } .smallcolorbox { height:12px; width:12px; display:inline-block; background-color:#178f44; margin:2px 5px 0px 0px; } .tinycolorbox { height:8px; width:8px; display:inline-block; background-color:#178f44; margin:0px 5px 1px 2px; } .pcMainTable h1.producth1 { border-bottom-width:0px; margin:0px 0px 10px 0px; padding:0px; line-height:20px; } #mediaAudio h2 { padding:0px; margin:10px 0px 0px 0px; color:#81776C; font-size:12px; font-weight:normal; background-color:transparent; } .prodDescPad { width:384px; } .prodDescPad img.pad { padding:15px 5px 20px 5px; } .addToArea { width:364px; border:1px solid #E9E2DA; background-color:#F4EFE9; margin-top:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .addToArea.forworkshop { padding:10px 10px 13px 10px; margin-top:0px; width:auto; } .addToArea table { height:77px; width:100%; } .addToArea.forworkshop table { height:auto; width:100%; } #SelectedPrd_TABLE.forworkshop .pcShowList { border-width:0px; background-color:transparent; } #SelectedPrd_TABLE.forworkshop { border:1px solid #E9E2DA; background-color:#F4EFE9; margin-top:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* Style the table title (e.g. table showing quantity discounts) */ .pcMainTable h2 { background-color: #F4EFE9; font-size: 15px; margin: 15px 0px 5px 0px; padding: 5px; } .pcMainTable h3 { font-size: 14px; margin-top: 10px; margin: 15px 0px 0px 0px; padding: 5px 0px; } .pcMainTable .bigInfoArea h3 { color:#3B3A32; font-size:18px; margin: 0px 0px 20px 0px; padding: 0px; } /* Style the table headings */ .pcMainTable th { background-color: #F4EFE9; font-size: 12px; font-weight: bold; padding: 4px; text-align: left; } /* Remove the default marging from paragraphs */ .pcMainTable p { margin: 5px 0px 0px 0px; } /* Style within SHOW PRODUCTS table */ /* Add background color on mouse over when browsing */ .pcShowProductBgHover { } /* Remove it on mouse out */ .pcShowProductBg { width: 194px; background: url(/images/product_bottom.gif) bottom left no-repeat; } .pcShowProductBg.featured { width: 194px; height:288px; background: url(/images/featured_back.gif) bottom left no-repeat; } .ribbonSpotlightWrap { position:relative; } .ribbonSpotlight { position:absolute; width:97px; height:98px; z-index:2; top:1px; } .ribbonFeaturedWrap { position:relative; } .ribbonFeatured { position:absolute; width:97px; height:98px; z-index:100; top:-3px; } .pcShowProductBg .pcShowProductBg { background-image: none; text-align:left; } /* Style the product name */ #pcMain .pcShowProductInfoH .pcShowProductName { font-size: 12px; color: #CC6600; text-align:left; height:55px; margin:5px; line-height:15px; } #pcMain .pcShowProductInfoH .newShowProductSku { font-size: 10px; color: #81776C; text-align:left; font-weight:normal; height:13px; margin:0px; line-height:12px; padding:0px 5px; } #pcMain .pcShowProductInfoH .pcShowProductPrice { margin-top:0px; padding:0px 5px; } /* Style the product sku */ #pcMain .pcShowProductSku { color: #666666; font-size:10px; margin-bottom:10px; } #pcMain .pcShowProductSku input { color: #666666; font-size:10px; padding:0px; margin:0px; font-family:arial; } #pcMain.workshop .pcShowProductSku { margin-left:15px; } /* Style the product weight */ #pcMain .pcShowProductWeight { color: #666666; } /* Style the product brand */ #pcMain .pcShowProductBrand { color: #666666; } /* Style the product stock */ #pcMain .pcShowProductStock { color: #666666; } /* Style the Product BTO Default Config */ #pcMain .pcShowProductBTOConfig { color:#666666; } /* Style the Product Custom Search */ #pcMain .pcShowProductCustSearch { color:#666666; } #pcMain .pcShowProductCustSearch a { text-decoration: none; } /* Style the Product Free Shipping Text */ #pcMain .pcShowProductShipping { color:#666666; } /* Change font color for "Show Product's Price" feature */ #pcMain .pcShowProductInfoH .pcShowProductPrice, #pcMain .pcShowProductsL2 .pcShowProductPrice { color:#81776C; font-weight:bold; height:18px } #pcMain #pcBTOhideTopPrices { display:none; } /* Increase size of online price on Product Details page */ #pcMain .pcShowProductMainPrice { font-size: 24px; color:#2e6da8; } /* Strikethrough for List Price */ #pcMain .pcShowProductListPrice { text-decoration:line-through; } /* Change font color for "Show Savings" feature */ #pcMain .pcShowProductSavings { color: #090; font-weight: bold; } /* Style the short product description */ #pcMain .pcShowProductSDesc { color:#666666; padding-right: 10px; line-height:18px; } #pcMain.workshop .pcShowProductSDesc { color:#81776c; margin-left:15px; font-size:18px; padding:15px 30px 30px 10px; line-height:24px; } #workshopright { width:230px; float:right; margin: 10px 10px 0px 0px; } .workshopInfo table { width:100%; } .workshop .workshopInfo .l { text-align:right; font-weight:bold; width:35%; } .workshop .workshopInfo .r { padding-left:8px; } #pcMain.workshop .pcShowProductPrice { font-size:24px; color:#2E6DA8; font-weight:bold; } #pcMain .addToArea td { vertical-align:middle; } #pcMain.workshop #workshopright .pcShowProductPrice { height:32px; } #pcMain .workDownload { text-align:left; margin:10px 20px; } #pcMain .workDownload a { color:#3B3A32; text-decoration:none; font-weight:bold; } #pcMain .workDownload a:hover { text-decoration:underline; } #pcMain.workshop #TabbedPanels1 { margin-top:30px; } #workshopdiscounts { float:left; width:95px; margin:4px 0px 0px 7px; height:28px; font-size:10px; text-align:left; line-height:10px; } .smallFloater { color:#81776C; font-size:12px; } .workshopCartTable td { text-align:center; } .workshopCartTable .appAddCartLabel { float:left; width:65px; text-align:right; margin:6px 0px 0px 0px; font-size:14px; color:#3B3A32; } .workshopCartTable .appAddCartSelect { float:left; margin:3px 0px 3px 5px; } .hireForm h2 { margin:25px 0px 5px 0px; color:#3B3A32; font-size:18px; padding:5px 10px; } .hireForm .l { text-align:right; padding:7px 0px; vertical-align:middle; font-weight:bold; font-size:14px; } .hireForm .r { padding:7px 0px 7px 10px; vertical-align:middle; width:310px; } .hireForm .r label { font-size:16px; padding-left:30px; } .hireForm .r input.rad { padding:0px; text-align:left; width:auto; } .hireForm .r input, .hireForm .r textarea { width:300px; font-family:arial; padding:5px; font-size:16px; } .hireForm .r select { width:300px; font-family:arial; padding:5px 2px; font-size:16px; } /* workshop stuff */ .workshop .TabbedPanelsContentGroup {color:#81776C;} .workshophomeheader { background-color:#f3f0ec; font-size:18px; font-weight:bold; padding:10px 15px; color:#3B3A32; margin-top:10px; border-bottom:1px dashed #e4ded7; } .workshophomeheader.flatb { } #pcMain .pcShowContent .workshophomeheader a { float:right; font-size:12px; text-decoration:none; color:#3B3A32; font-style:italic; margin-top:3px; } .workshoponerecent { background-color:#fcfaf8; border:1px solid #efebe7; margin-top:3px; padding:10px; } #pcMain .workshoponerecent a { color:#178F44; font-weight:bold; text-decoration:none; } #pcMain .workshoponerecent a:hover { text-decoration:underline; } .workshophomecontent .none { padding:15px; text-align:center; font-size:20px; } .workshoponerecent .left { width:220px; float:left; } .workshoponerecent td { vertical-align:bottom; } #pcMain .workshoponerecent .left a { color:#81776C; font-weight:bold; text-decoration:none; font-size:12px; } .workshoponerecent .right { margin-left:220px; } .workshoponerecent .total { color:#2E6DA8; font-weight:bold; font-size:12px; } .workshophomecontent .col { float:left; width:49%; border-left:1px solid #E9E2DA; margin:15px 0px; } .workshophomecontent .colpad { padding:5px 15px 15px 15px; } .workshophomecontent .col.first { border-left-width:0px; } .workshophomecontent h2 { color:#2E6DA8; background-color:transparent; margin:0px 0px 5px 0px; padding:0px; font-size:18px; line-height:18px; } .workshoponerecent .orderdate, .workshoponerecent .status { font-size:18px; font-weight:bold; color:#5C554D; line-height:18px; margin-bottom:5px; } .workshopDisclaimer { color:#81776C; padding:15px 27px 5px 27px; font-size:12px; line-height:14px; } /* end workshop stuff */ #wsLocationTab #locationMap { float:right; } #wsLocationTab #locationMap div { display:none; } #wsLocationTab #locationMap div.selected { display:block; } #wsLocationTab h1 { color:#81776C; margin:0px 15px; font-size:16px; padding:0px; } #wsLocationTab .line { border-bottom:1px solid #e9e2da; margin:20px 0px; width:300px; } #wsLocationTab .head_holder { cursor: pointer; background: url(/images/greenarrow_right.gif) 0px 5px no-repeat; padding: 2px 18px; font-size: 14px; font-weight: bold; margin:0px 20px; width:240px; } #wsLocationTab .head_holder span { font-size: 12px; font-weight: normal; } #wsLocationTab .head_holder.selected { background:url(/images/greenarrow_down.gif) 0px 5px no-repeat; color: #3b3a32; } #wsLocationTab .menu_body { display: none; padding: 6px 18px; margin:0px 20px; width:240px; } #wsLocationTab .menu_body a { color:#2a9944; text-decoration: none; } #wsLocationTab .menu_body a:hover { text-decoration: underline; } /* Style the "Not for Sale" text */ #pcMain .pcShowProductNFS { color:#2E6DA8; font-weight:bold; font-size:24px; margin: 5px; } /* Style the paragraph that includes the "More Details" button */ .pcShowProductLink { float:right; padding:0px; margin:-8px 0px 0px 0px; } /* Style the paragraph that includes the "Sort by" drop-down */ .pcSortProducts { text-align: right; } /* pcShowProductsH handles the table that shows product info when products are displayed horizontally */ .oneProd { width: 194px; height:290px; background: url(/images/product_top.gif) top left no-repeat; } .pcShowProductBg.featured .oneProd { background-image: none; } .oneProdImg { height: 165px; width: 165px; text-align: center; } .oneProdPad { padding:14px 0px 0px 14px; } .pcShowProductsH { width: 165px; text-align: center; margin:0px; border-collapse:collapse; } .pcShowProductsH tbody { margin:0px; padding:0px; } .pcShowProductImageH, .pcShowProducts td.pcShowProductImageH { vertical-align: bottom; text-align: center; } .pcShowProductImageH .prodImageHolders { height: 105px; width: 144px; display:table-cell; vertical-align: bottom; text-align: center; } .pcShowProductsH .prodTop { height: 105px; } #pcMain .pcShowProductImageH img { } #pcMain .pcShowCategoryImage img { padding: 0px; } #pcMain .pcShowProductInfoH { vertical-align: top; height:80px; } .pcShowProductPriceW { display:none; } .pcShowProductInfoH p { text-align: left; line-height:14px; padding:5px; font-size:11px; } #pcMain .pcShowProductInfoH a { color:#3B3A32 !important; font-size:13px; font-weight:bold; text-decoration:none; } #pcMain .pcShowProductInfoH p a:hover { color:#81776c; } /* pcShowProductsHCS handles the table that shows product info when cross selling products are shown with images */ .pcShowProductsHCS { width:165px; } /* pcShowProductsP handles the table that shows product info when products are displayed vertically */ .pcShowProductsP { margin: 0px 3px; padding: 0px; background: url(/images/workshop_product_back.gif) top left no-repeat; height:152px; width:551px; } .pcShowProductImageP { width:266px; text-align: left; vertical-align:top; } .pcShowProductDescP { text-align:left; padding:10px 20px 0px 15px; color:#81776C; } .pcShowProducts td.pcShowProductDescP { vertical-align:top; } #pcMain .pcShowProductDescP a { font-weight:bold; text-decoration:none; color:#3B3A32; font-size:12px; } #pcMain .pcShowProductDescP a:hover { text-decoration:underline; } .pcShowProductDescP .workshopDateLocation { font-size:16px; font-weight:bold; color:#3B3A32; } .pcShowProductDescP .workshopLinks { margin-top:5px; } .oneWorkshopHolder { position:relative; margin-bottom:8px; } .workRibbon { position:absolute; top:-7px; left:-6px; } #pcMain .pcShowProductImageP img { padding: 8px 0px 0px 6px; } .pcShowProductInfoP { text-align: left; width: 95%; padding-left: 10px; } .monthHolder { background: url(/images/workshop_schedule_top.gif) top left no-repeat; width:568px; margin:0px 0px 20px 0px; } #pageHolder.conferences .monthHolder { margin-left:-17px; } #pageHolder .monthHolder img { margin:0px; } .monthBottom { background: url(/images/workshop_schedule_bottom.gif) top left no-repeat; height:12px; } .indiWorkshopWrap { margin:0px 20px; } .indiWorkshopHolder { text-align:left; border-top:1px solid #e9e2da; padding:10px; } #pcMain .monthHolder a { color:#2A9944; text-decoration:none; font-weight:bold; } #pcMain .monthHolder a:hover { text-decoration:underline; } .first .indiWorkshopHolder { border-top-width:0px; } .monthHolder .indiDateImg { text-align:left; padding:2px 0px 7px 26px; } .indiWorkshopHolder table { text-align:left; width:100%; color:#81776C; font-size:12px; margin:0px; } .indiWorkshopHolder .indiDate { width:60px; } .indiWorkshopHolder .indiDateWide { width:90px; } .indiWorkshopHolder .indiLocation { width:130px; } .indiWorkshopHolder .indiName { width:250px; } .indiWorkshopHolder .indiNameWide { line-height:14px; font-weight:bold; } .indiWorkshopHolder .indiPrice { padding-left:15px; } .cattopholder { background: url(/images/worktopBack.gif) top left no-repeat; width:570px; height:242px; margin:0px 0px 10px 17px; } .cattopholder img { margin:9px 0px 0px 8px; } .workDescRight { float:right; width:170px; margin:10px 0px 45px 25px; text-align:center; } .workDescRight .line1 { font-size:11px; font-weight:bold; color:#3b3a32; } .workDescRight .line2 { font-size:18px; font-weight:bold; color:#2E6DA8; } .workDescRight .line3 { font-size:14px; font-weight:normal; } .workDescRight .line { background: url(/images/workLine.gif) top center no-repeat; height:3px; margin:15px 0px; } .bigInfoArea.longDesc { } .bigInfoArea.longDesc p { margin-top:20px; line-height: 20px; } /* pcShowProductsL handles the table that shows product info when products are displayed in a list */ .pcShowProductsL, .pcShowProductsL2 { width: 100%; text-align: left; } .pcShowProductsL2 .pcShowProductPrice { margin-top:10px; } .pcShowProductsL2 .pcShowProductLink { margin-top:10px; } #pcMain .pcShowProductsL td, #pcMain .pcShowProductsL2 td { vertical-align:middle; } #pcMain .pcShowProductsL a, #pcMain .pcShowProductsL2 a { color:#3B3A32; text-decoration:none; font-weight:bold; font-size:12px; } .pcShowProductsLheader { text-align: left; background-color:#F7F7F7; } .pcShowProductsLCell { vertical-align: top; text-align: left; } .pcShowProductsL2Cell { width:105px; } .pcShowProductImageL { width: 50px; text-align: left; padding: 5px 5px 0 5px; } .pcShowProductImageL2 { width: 90px; text-align: left; } /* Add background color on mouse over */ .pcShowProductsLhover { background-color: #F0F7FE; width: 100%; text-align: left; } .featuredSmall { background:url(/images/featured_small_back.gif) top left no-repeat; width:301px; height:120px; } .featuredSmall table { } /* pcShowProductsM handles the table that shows product info when products are displayed in a list with the quantity field */ .pcShowProductsMheader { text-align: left; background-color:#F7F7F7; } .pcShowProductsM { width: 100%; text-align: left; vertical-align: top; } .pcShowProductImageM { height: 25px; width: 25px; text-align: left; padding: 0 5px 0 5px; } /* Add background color on mouse over */ .pcShowProductsMhover { background-color: #F0F7FE; width: 100%; text-align: left; vertical-align: top; } /*----------------------------------------------------------------------------------------- ProductCart Build To Order ----------------------------------------------------------------------------------------*/ /* Style the product configuration pages */ .pcBTOmainTable { width: 100%; background-color: #FFFFFF; border: 0; border-collapse: collapse; } .pcBTOfirstRow { } .pcBTOfirstRow td { vertical-align:middle; } .pcBTOfirstRow .first { background-color: #f4efe9; border:1px solid #e9e2da; border-width:1px 0px 1px 1px; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; height:78px; } .pcBTOfirstRow .topbottom { background-color: #f4efe9; border:1px solid #e9e2da; border-width:1px 0px 1px 0px; height:78px; } .pcBTOfirstRow .topbottom.itemprice input { color:#2E6DA8; font-size:24px; font-weight:bold; line-height:78px; padding-right:20px; font-family:arial; } .pcBTOfirstRow .topbottom.itemname input { font-size:20px; font-weight:bold; line-height:40px; padding-left:20px; font-family:arial; } .pcBTOfirstRow .last { background-color: #f4efe9; border:1px solid #e9e2da; border-width:1px 0px 1px 1px; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; height:78px; } .pcBTOfirstRow.nocolor { background-color: #fff; height:6px; border-width:0px; } .pcBTOsecondRow { background-color: #E1E1E1; } /* Style the pop-up window used by ProductCart Build To Order to show additional item information on the configuration pages */ .pcBTOpopup { width: 98%; background-color: #FFFFFF; border: 0; border-collapse: collapse; margin: 5px; font-size: 10px; } .pcBTOpopup img { margin: 5px; vertical-align: bottom; text-align: center; padding-bottom: 3px; } /* Style the detailed product configuration when shown on the shopping cart page order details page, etc. */ .pcShowBTOconfiguration { text-align: left; background-color:#F7F7F7; } .pcShowBTOconfiguration p { font-size: 10px; color:#666666; } /*----------------------------------------------------------------------------------------- Browse by Category or Brand ----------------------------------------------------------------------------------------*/ .pcShowCategory { text-align: center; margin-left: auto; margin-right: auto; } .pcShowCategory, .pcShowCategory tbody, .pcShowContent, .pcShowContent tbody { border-collapse:collapse; } .pcShowContent .padThis { padding:0px 10px; } .padPage { padding:0px 15px; } .pcShowCategory td { vertical-align: bottom; } .pcShowCategoryP { width: 100%; text-align: left; } .pcShowCategoryImage { height: 125px; vertical-align: bottom; text-align: center; padding-bottom: 3px; } .pcShowCategoryImage img { border: 1px solid #E5E5E5; padding: 5px; } .pcShowCategoryInfo { margin-top: 5px; vertical-align: top; } .pcShowCategoryInfo p { text-align: center; } .pcShowCategoryInfoP { width: 100%; margin-top: 5px; text-align: left; vertical-align: top; } /* Add background color on mouse over when browsing */ .pcShowCategoryBgHover { background-color: #F7F7F7; } /* Remove it on mouse out */ .pcShowCategoryBg { background: none; } /*----------------------------------------------------------------------------------------- Product details page ----------------------------------------------------------------------------------------*/ /* Visually separate prices from the rest of the information */ .pcShowPrices { font-weight: bold; padding-left:15px; } /*----------------------------------------------------------------------------------------- Page Navigation ----------------------------------------------------------------------------------------*/ /* pcPageNav handles the page navigation at the bottom of the page, when present. */ .pcPageNav { text-align: left; border: 0; border-collapse: collapse; display:inline-block; } #pcMain .pcPageNav a, .pcPageNav a:visited { color:#1F1E16; text-decoration:none; } .pcPageNav a:hover { color: #000000; text-decoration: none; } .pcPageName a:link, #pcCatNav a:visited { color: #999999; } /*----------------------------------------------------------------------------------------- Forms ----------------------------------------------------------------------------------------*/ /* Clear the margins for all forms used by ProductCart */ #pcMain form { margin: 0; } .pcForms input { border: 1px solid #e9e2da; background-color: #fcf9f5; font-size: 14px; color:#81776C; padding: 2px 3px 2px 3px; } .pcForms input.button { font-size: 11px; padding: 2px 3px 2px 3px; } .pcForms input.bigone { font-size:20px; } .pcForms input:focus { border: 1px solid #e9e2da; background-color: #FFFFCC; } .pcForms textarea { border: 1px solid #e9e2da; background-color: #fcf9f5; font-size: 14px; color:#81776C; padding: 2px 3px 2px 3px; } .pcForms textarea:focus { border: 1px solid #e9e2da; background-color: #FFFFCC; } /* Style drop-down menus */ .pcForms select { font-size: 14px; color: #81776C; padding: 2px 3px 2px 3px; background-color: #fcf9f5; border: 1px solid #e9e2da; } /* Style fieldsets */ .pcForms fieldset { border: 1px solid #e9e2da; padding: 10px; } /* Style submit image button */ .pcForms input.recalsubmit, #submit, #ORVSubmit { border: 0; background-color: transparent; padding: 0px; } /* Style submit image button */ #pcMain .submit { border: 0; background-color: transparent; padding: 0px; } /* Style submit button (when an image is NOT used) */ #pcMain .submit2 { border: 1px solid #E9E2DA; background-color: #FFFFCC; font-size: 11px; color:#81776C; padding: 2px 3px 2px 3px; } #pcMain .smallbutton { font-size: 11px; } /* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */ #pcMain .transparentField { border: 0; background-color: transparent; padding: 0; width:120px; } #pcMain .bigblue, #pcMain .bigblue .transparentField { font-weight:bold; font-size:20px; color:#2E6DA8; } /* Clear border on checkboxes to fix IE bug */ #pcMain .clearBorder { border: 0; background-color: transparent; } /*----------------------------------------------------------------------------------------- Search results page ----------------------------------------------------------------------------------------*/ /* Style list of categories in the category search results */ .pcCatSearchResults ul { list-style-type: none; margin: 0 0 20px 15px; padding: 0; } .pcCatSearchResults ul li { margin: 2px 0 0 0; } /*----------------------------------------------------------------------------------------- Other styles ----------------------------------------------------------------------------------------*/ /* Remove the default border from images */ #pcMain img { border: 0; } /* Style the page description at the top of the page, when available */ .pcPageDesc { margin-bottom: 5px; padding: 5px; background-color: #F4EFE9; } #loginTable .pcSectionTitle { border-bottom:1px dashed #E4DED7; background-color:#F4F0EC; border-bottom:1px dashed #E4DED7; } #loginTable .pcSectionTitle td { color:#3B3A32; font-size:16px; font-weight:bold; padding:10px 15px 7px; text-align:left; } #loginTable .pcSectionTitle td { color:#3B3A32; font-size:16px; font-weight:bold; padding:10px 15px 7px; text-align:left; } #loginTable .pcSectionTitle td .pcCheckoutTitle { font-size:16px; } /* Styles section titles on pages with different sections (e.g. search results) */ td.pcSectionTitle, .pcSectionTitle { background-color: #f4efe9; text-align: left; padding: 5px; font-size: 12px; font-weight: bold; } td.pcSectionTitle.larger { background-color: #f4f0ec; border-bottom:1px dashed #e4ded7; text-align: left; padding: 10px 15px 7px 15px; font-size: 16px; font-weight: bold; color:#3b3a32; } /* Example of usage: preview search results text on advanced search page */ .pcTextMessage { color: #0066FF; font-weight: bold; } /* Example of usage: how to add products to your Gift Registry */ .pcInfoMessage { width: auto; min-width: 50%; background-color: #E9E2DA; border: 1px solid #CCC; background-image:url(images/pcv4_st_icon_info.png); background-repeat: no-repeat; background-position: 8px 8px; margin: 10px 0 15px 10px; padding: 8px 10px 8px 30px; color: #000000; font-size: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Example of usage: successfully completed checkout step */ .pcSuccessMessage { width: auto; min-width: 50%; background-color: #F0F7FE; border: 1px solid #CCC; background-image:url(images/pcv4_st_icon_success_small.png); background-repeat: no-repeat; background-position: 8px 8px; margin: 10px 0 15px 10px; padding: 8px 10px 8px 30px; color: #000000; font-size: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Styles alert and friendly error messages shown to the customer in the storefront */ .pcErrorMessage { width: auto; min-width: 50%; background-color: #F4EFE9; border: 1px solid #81776C; background-image:url(images/pcv4_st_icon_error_small.png); background-repeat: no-repeat; background-position: 8px 8px; margin: 10px 5px 15px 5px; padding: 8px 10px 8px 30px; color: #000; font-size: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Example of usage: promotion details on shopping cart page (viewcart.asp) */ .pcPromoMessage { width: 80%; background-color: #E9EEFE; border: 1px solid #CCC; background-image:url(images/pc4_promo_icon.png); background-repeat: no-repeat; background-position: 4px 4px; margin: 10px 0 15px 10px; padding: 8px 10px 8px 30px; color: #000000; font-size: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Styles small text shown in various pages (e.g. "(mm/yy)" on the credit card page */ .pcSmallText { font-size: 11px; color: #777777; } /* Styles small text shown in various pages (e.g. "(mm/yy)" on the credit card page */ .pcLargerText { font-size: 14px; font-weight: bold; } /* Sets the height of an empty table row */ .pcSpacer { height: 10px; } /* Horizontal line */ #pcMain hr { color: #E9E2DA; background: #E9E2DA; border: 0; height: 1px; } /* Add spacing to list items */ #pcMain li { padding-bottom: 3px; } /*----------------------------------------------------------------------------------------- ProductCart Product ViewPrd.asp Images ----------------------------------------------------------------------------------------*/ #pcMain .pcShowMainImage { width: auto; height: auto; text-align: center; vertical-align: bottom; margin: 10px 5px; } #pcMain .pcShowMainImage.workshop { height:242px; width:570px; background: url(/images/workproductback.gif) top left no-repeat; text-align:left; margin:0px 0px 10px 7px; } #pcMain .pcShowMainImage img { } #pcMain .pcShowMainImage.workshop img { margin: 9px 0px 0px 8px; } #pcMain .pcShowAdditional { width: 240px; text-align: center; margin-left: auto; margin-right: auto; } #pcMain .pcShowAdditionalImage { vertical-align: top; text-align: center; padding: 0 0 0 0; } #pcMain .pcShowAdditional img { width: 50px; height: 50px; border: 1px solid #cccccc; margin-bottom: 6px; } /*----------------------------------------------------------------------------------------- ProductCart v2.7x styles ----------------------------------------------------------------------------------------*/ /* Printer-friendly version of order details page */ table.invoice { border-collapse:collapse; border: 1px solid #333333; } td.invoice { border: 1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; text-align:left; } td.invoiceNob { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; text-align:left; } /*----------------------------------------------------------------------------------------- 'Stay on Page' when Adding to the Cart - Confirmation message window ----------------------------------------------------------------------------------------*/ #overlayX { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; } .UpdateCartDivX { width:300px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; } #overlay table {text-align: center; margin: 0 auto;/*this helps center the table within the div#overlay*/ } #overlay { visibility: hidden; position: absolute; background: url('images/shadowAlpha.png') no-repeat right bottom !important; /*for browsers that supports transparent .png files*/ background: url('images/shadow.gif') no-repeat right bottom; /*for older browsers that does NOT support transparent .png files*/ margin: 10px auto 10px auto !important;/*'auto' is used to center the div for Firefox*/ margin: 10px auto 10px auto; left: 400px;/*positioned from the left of parent div*/ top: 300px;/*postion from the top of parent div*/ width: 390px;/*adjust the width of the window*/ z-index: 1000; text-align:center; } .UpdateCartDiv { background: #F0F7FE; position:relative; bottom:6px;/*offsets the div to show the shadow background*/ right: 6px;/*offsets the div to show the shadow background*/ border: 1px solid #999999; padding:4px;/*adds padding all around so that it does not butt up against the div#overlay image*/ text-align:center; } /* END */ /* extra stuff */ .cartrow { background-color:#F4F1EC; border:1px solid #E9E2D8; border-width:1px 1px 0px 1px; } .cartrowsub { background-color:#F4F1EC; border:1px solid #E9E2D8; border-width:0px 1px 0px 1px; } .topperrow { border-top:1px solid #E9E2D8; } .cartrow td { vertical-align:middle; padding:5px; font-size:14px; } .cartrow td .pcSmallText { font-size:10px; } #pcMain .cartrow a { color:#1F1E16; font-size:14px; font-weight:bold; text-decoration:none; } #pcMain .cartrow a:hover { text-decoration:underline; } #pcMain .cartrow .td4 { font-weight:bold; } #pcMain .Accordion a { color:#299943; font-weight:bold; text-decoration:none; } #pcMain .Accordion a:hover { text-decoration:underline; } #pcMain .Accordion { color:#81776C; font-size:14px; } .reviewRow { border:1px solid #E9E2DA; border-width:0px 1px; } .pcMainTable th.reviewTRow { background-color:transparent; } .infoFields legend, #opcLoginTable legend, .fieldholder legend { color:#3B3A32; font-size:20px; font-weight:bold; padding:0px 6px; } .infoFields fieldset { padding:5px 15px 10px 15px; } .infoFields fieldset, #opcLoginTable fieldset, .fieldholder fieldset { border:1px solid #E9E2DA; margin-bottom:15px; } #opcLoginTable fieldset { min-height:230px; } .loginlabel { text-align:right; font-weight:bold; } #pcShowLoginFields tr.padder td { padding-top:5px; padding-bottom:5px; } #pcShowLoginFields tr td { vertical-align:middle; font-size:16px; } #pcShowLoginFields tr td label.error { font-size:12px; } #pcShowLoginFields td input { font-size:16px; padding:5px 3px; } #confirmDetails { color:#3B3A32; padding:0px 20px 0px 5px; } #confirmDetails h1 { padding:0px; margin:10px 0px 0px 0px; } #confirmDetailsTable { margin:20px 0px 0px 0px; } #confirmDetailsTable td { font-size:16px; font-weight:bold; padding:2px 10px; color:#3B3A32; } .card791mid #loginForm a { color:#3B3A32; font-weight:bold; font-size:12px; text-decoration:none; } #cartInfoPod { padding:20px 40px 20px 10px; border-right:1px solid #E9E2D8; color:#81776C; } #cartInfoPod h2 { margin:0px; padding:0px; font-size:18px; background-color:transparent; color:#2E6DA8; } #cartInfoPod h3 { margin:0px; padding:0px; font-size:16px; margin-top:15px; } #cartInfoPod .h { font-size:14px; color:#3B3A32; font-weight:bold; } #pcMain #cartInfoPod a { color:#299943; font-weight:bold; text-decoration:none; } #pcMain #cartInfoPod a.b { font-size:12px; color:#3B3A32; display:block; margin-top:10px; } #pcMain #cartInfoPod a:hover { text-decoration:underline; } #cartInfoPod span { display:block; } #paymentTable td { padding:4px 0px; } #paymentTable .expireTable td { padding:0px; } #payAmountLine td { font-weight:bold; }