/* 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. */ /*----------------------------------------------------------------------------------------- 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-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; width: 100%; } body { margin:0px; background:url(images/bg.png) left top repeat; } /* 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: #0066FF; */ } #pcMain a:visited { /* color: #0066FF; */ } #pcMain a:hover { /* color: #0066FF; */ text-decoration: underline; } /*----------------------------------------------------------------------------------------- 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 { float:left; border: 0; border-collapse: collapse; } /*.pcMainTable tr td ul li a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }*/ /*.pcMainTable tr td:nth-child(n+1) { color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; }*/ /* 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 { color: #FFFFFF; text-align: center; margin: 0 auto 0 12px; width: 677px; margin: 10px auto; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .pcShowProducts a { color:#FFFFFF; text-decoration:none; } .pcShowProducts a:hover{ text-decoration:underline; } .pcShowProducts td{ padding: 5px 0; vertical-align:top; } /* 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; width: 98%; border: 0; border-collapse: collapse; padding: 5px; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; color:#EAE3D3; } #shippingAddressArea tr td a{ text-decoration:none; color:#EAE3D3; } .pcShowContent p { color:#EAE3D3; /*text-align:right;*/ font-size:12px; padding-top:2px; font-family: Arial, Helvetica, sans-serif; } .pcShowContent td { padding-top:3px; padding-bottom:12px; padding-right: 0px; vertical-align:top; } .pcShowContent th p { /* text-align: right; */ padding-right: 0px; } .pcShowContent td p { /* text-align: right; */ padding-right: 0px; } .pcShowContent td input[name="keyWord"] { width:235px; float:left; margin-right:153px; } .pcShowContent td input[name="exact"] { margin-left:-1px; padding-top:5px; } .pcShowContent tr td div a{ color:#EAE3D3; text-align: left; margin-left: 0; width: 100%; border: 0; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .pcShowContent tr td div a:hover { text-decoration:none; font-family: Arial, Helvetica, sans-serif; } /* 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; background: url("images/listing.png") no-repeat scroll 9px top transparent } .pcShowCart td { vertical-align: top; } .pcShowCart tr th div { padding: 9px 9px 9px 25px; } .pcShowCartPrices { text-align: left; padding-left: 27px; color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 13px; padding-top: 15px; } /* 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 { background: url("images/featured_product.png") no-repeat scroll center top transparent; font-size: 14px; font-weight: bold; margin: 15px 0 5px; padding: 18px 5px 0 20px; text-align: left; color: #F6DFAE; float: left; height: 31px; text-transform: uppercase; width: 662px; } /* Style the table title (e.g. table showing quantity discounts) */ .pcMainTable h2 { /*background-color: #F5F5F5;*/ color: #EAE3D3; font-size: 15px; margin: 0 0 5px 0; padding: 5px; } .pcMainTable h3 { color: #CDD8DA; font-family: Arial; font-size: 14px; font-weight: normal; /* font-size: 12px; */ /* margin-top: 10px; */ /* margin: 5px 0 5px 0; */ /* padding: 5px; */ } /* Style the table headings */ .pcMainTable th { font-size: 13px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align: left; } /* Remove the default marging from paragraphs */ .pcMainTable p { margin-top:0px; margin-bottom:0px; } /* Style within SHOW PRODUCTS table */ /* Add background color on mouse over when browsing */ .pcShowProductBgHover { background-color:none; } /* Remove it on mouse out */ .pcShowProductBg { background: none; } /* Style the product name */ .pcShowProductName { font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; min-height: 40px; } .pcShowProductName a { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; text-decoration:none; } .pcShowProductName a:hover { text-decoration:underline; } /* Style the product sku */ #pcMain .pcShowProductSku { font-size:13px; color: #f0efe1; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; } /* PRV41 Start */ /* Style the product rating */ #pcMain .pcShowProductRating { color: #666666; } #pcMain .pcShowProductRating a{ text-decoration:none; color: #F0EFE1; } #pcMain .pcShowProductRating a:hover{ text-decoration:none; color: #F0EFE1; } /* PRV41 End */ /* Style the product weight */ #pcMain .pcShowProductWeight { color: #666666; } /* Style the product brand */ #pcMain .pcShowProductBrand { color: #F0EFE1; font-family: Arial,Helvetica,sans-serif; font-size: 13px; padding-bottom:4px; padding-top:4px; } #pcMain .pcShowProductBrand a { color:#F0EFE1; font-family: Arial,Helvetica,sans-serif; font-size: 13px; text-decoration:none; } #pcMain .pcShowProductBrand a:hover { text-decoration:underline; } /* Style the product stock */ #pcMain .pcShowProductStock { color: #ffffff; } /* Style the Product BTO Default Config */ #pcMain .pcShowProductBTOConfig { color:#666666; } /* Style the Product Custom Search */ #pcMain .pcShowProductCustSearch { color: #F0EFE1; font-family: Arial,Helvetica,sans-serif; font-size: 13px; } #pcMain .pcShowProductCustSearch a { color: #F0EFE1; font-family: Arial,Helvetica,sans-serif; font-size: 13px; } /* Style the Product Free Shipping Text */ #pcMain .pcShowProductShipping { color:#666666; } /* Change font color for "Show Product's Price" feature */ #pcMain .pcShowProductPrice { color: #D7CF30; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: 31px; padding-left: 10px; padding-top: 5px; width: 141px; } .pcShowProductPrice { background:url(images/price_bg.png) left 0px no-repeat; width:141px; height:31px; color:#d7cf30; font-family:Arial, Helvetica, sans-serif; padding-top:5px; padding-left:10px; font-size:14px; font-weight:bold; } .pcShowProductPrice_cross { background:url(images/price_bg.png) left 0px no-repeat; width:141px; height:31px; color:#d7cf30; font-family:Arial, Helvetica, sans-serif; margin-top: 10px; padding-top:5px; padding-left:-25px; font-size:14px; font-weight:bold; } .pcShowProductListPrice { text-decoration:line-through; font-size:12px; font-weight:normal; padding-right:4px; color:#8c9ba0; } /* Increase size of online price on Product Details page */ #pcMain .pcShowProductMainPrice { font-size:13px; font-weight:bold; } /* Strikethrough for List Price */ #pcMain .pcShowProductListPrice { color: #8C9BA0; font-size: 13px; font-weight: normal; padding-right: 4px; text-decoration: line-through; } /* Change font color for "Show Savings" feature */ #pcMain .pcShowProductSavings { color: #B3C440; font-weight: bold; } .pcForms input[id="submit"] { background-color: #273234; border: 1px solid #586365; border-radius: 5px 5px 5px 5px; color: #EAE3D3; font-size: 11px; margin-top:-18px; padding-bottom: 7px; padding-left: 3px; padding-right: 3px; } /* Style the short product description */ #pcMain .pcShowProductSDesc { color: #F0EFE1; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding-bottom:4px; } #pcMain .pcShowProductSDesc a { background: url("images/more_details.png") no-repeat scroll left top transparent; float:right; height:30px; margin-bottom:6px; margin-right:402px; margin-top:10px; width:81px; } #pcMain .pcShowProductSDesc a:hover { text-decoration:none; } /* Style the "Not for Sale" text */ #pcMain .pcShowProductNFS { width: 200px; background-color: #efefef; 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; } /* Style the paragraph that includes the "More Details" button */ .pcShowProductLink { padding-top: 3px; } /* Style the paragraph that includes the "Sort by" drop-down */ .pcSortProducts { float: right; margin-right: 10px; margin-top: -6px; text-align: right; width: 200px; } /* pcShowProductsH handles the table that shows product info when products are displayed horizontally */ .pcShowProductsH { wheight: 225px; margin-left: auto; margin-right: auto; text-align: center; width: 150px; } .pcShowProductImageH { height: 125px; padding-bottom: 3px; text-align: center; vertical-align: bottom; } #pcMain .pcShowProductImageH img { border: 5px solid #273234; padding: 2px; } #pcMain .pcShowCategoryImage img { border: 5px solid #273234; } #pcMain .pcShowProductInfoH { height: 100px; margin-top: 5px; vertical-align: top; } .pcShowProductInfoH p { float: left; padding-left: 3px; text-align: left; } /* pcShowProductsHCS handles the table that shows product info when cross selling products are shown with images */ .pcShowProductsHCS { width: 125px; height: 225px; text-align: center; margin-right: auto; } /* pcShowProductsP handles the table that shows product info when products are displayed vertically */ .pcShowProductsP { margin: 5px; padding: 5px; width: 100%; } .pcShowProductImageP { width: 125px; text-align: center; } #pcMain .pcShowProductImageP img { border: 1px solid #E5E5E5; padding: 5px; } .pcShowProductInfoP { text-align: left; width: 95%; padding-left: 10px; } /* pcShowProductsL handles the table that shows product info when products are displayed in a list */ .pcShowProductsL { width: 100%; text-align: left; } .pcShowProductsLheader { text-align: left; background-color:#F7F7F7; } .pcShowProductsLCell { vertical-align: top; text-align: left; } .pcShowProductImageL { height: 25px; width: 25px; text-align: left; padding: 5px 5px 0 5px; } /* Add background color on mouse over */ .pcShowProductsLhover { background-color: #F0F7FE; width: 100%; text-align: left; } /* 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 { background-color: #F5F5F5; } .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 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: 5px solid #273234; } .pcShowCategoryInfo { margin-top: 5px; vertical-align: top; } .pcShowCategoryInfo p { padding-left:0px; text-align: center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-shadow: 0.1em 0.1em #000000; } .pcShowCategoryInfo p a { text-align:left; color:#FFFFFF; font-size:14px; text-decoration:none; } .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 { margin-top: 10px; margin-bottom: 10px; } /*----------------------------------------------------------------------------------------- Page Navigation ----------------------------------------------------------------------------------------*/ /* pcPageNav handles the page navigation at the bottom of the page, when present. */ .pcPageNav { color:#EAE3D3; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin-left:15px; padding-top:13px; padding-bottom:5px; } .pcPageNav ul { padding:0px; margin:0px; list-style:none; } .pcPageNav a { color:#EAE3D3; font-size:12px; padding-right:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/bullet_bread.png) right 5px no-repeat; } .pcPageNav a:hover { 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; } /* Control margin and spacing on p tags used in forms */ #pcMain .pcForms td p { padding:6px 6px 0 57px; margin-top:0px; margin-bottom:0px; } .pcForms input { border:1px solid #586365; background-color:#273234; font-size:11px; color:#eae3d3; padding:7px 3px 7px 3px; border-radius: 5px 5px 5px 5px; } .pcForms input:focus { border: 1px solid #999999; /*background-color: #FFFFCC;*/ } .pcForms textarea { background-color: #273234; border: 1px solid #586365; font-size: 11px; color:#EAE3D3; padding: 2px 3px 2px 3px; float:left; width:325px; margin-top:-5px; } .pcForms textarea:focus { border: 1px solid #999999; } /* Style drop-down menus */ .pcForms select { background-color:#273234; border:1px solid #586365; color:#eae3d3; font-size:10px; height: 30px; margin-top: -3px; padding: 5px; } /* Style fieldsets */ .pcForms fieldset { border: 1px solid #CCCCCC; padding: 10px; } /* Style submit image button */ #submit { border: 0; background-color: transparent; } /* 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 #CCCCCC; background-color: #efefef; font-size: 11px; color:#666666; padding: 2px 3px 2px 3px; } #pcMain .submit3 { border: 1px solid #586365; color: #EAE3D3; font-size: 11px; margin-top: 65px; } /* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */ #pcMain .transparentField { border: 0; background-color: transparent; padding: 0; } /* Clear border on checkboxes to fix IE bug */ #pcMain .clearBorder { background-color: transparent; border: 0 none; } /*----------------------------------------------------------------------------------------- Search results page ----------------------------------------------------------------------------------------*/ /* NEW v4.5 - Category area of search results */ #pcCatScroll { width: 100%; position: relative; } #pcCatScrollArrows { position: absolute; left: 10px; top: 10px; } #pcpcCatScrollUp { margin-bottom: 5px; } #pcCatScrollItems { margin: 10px 10px 5px 30px; } /* End New v4.5 */ /* 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; color:#EAE3D3; } .pcCatSearchResults ul li a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .pcCatSearchResults ul li a:hover { text-decoration: underline; } /*----------------------------------------------------------------------------------------- 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 { color:#EAE3D3; font-family:arial; font-size:12px; margin-bottom:5px; padding:5px 15px 5px 20px; } /* NEW v4.5 - Correction of existing style */ /* Styles section titles on pages with different sections (e.g. search results) */ .pcSectionTitle{ background: url("images/featured_product.png") no-repeat scroll 7px top transparent; color: #F6DFAE; float: left; font-size: 14px; font-weight: bold; height: 32px; margin: 0 0 5px; padding: 17px 5px 0 23px; text-align: left; text-transform: uppercase; width: 677px; } .pcSectionTitle p a:hover { color: #F6DFAE; } .pcSectionTitle p a { color: #F6DFAE; } /* Example of usage: preview search results text on advanced search page */ .pcTextMessage { color: #F6DFAE; font-weight: bold; } /* Example of usage: how to add products to your Gift Registry */ .pcInfoMessage { width: auto; min-width: 50%; background-color: #444444; 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: #eeeeee; font-size: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pcCheckoutSubTitle { margin-top: 15px; } /* Example of usage: successfully completed checkout step */ .pcSuccessMessage { width: auto; min-width: 50%; background-color:#444444; 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: #eeeeee; 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:#444444; border: 1px solid #ccc; background-image:url(images/pcv4_st_icon_error_small.png); background-repeat: no-repeat; background-position: 8px 8px; margin: 10px 0 15px 10px; padding: 8px 10px 8px 30px; color: #eeeeee; 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:#444444; 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: #eeeeee; 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:12px; color:#EAE3D3; } .pcSmallText a{ font-size:12px; color:#EAE3D3; } /* 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: #e5e5e5; border: 0; height: 1px; } /* Add spacing to list items */ #pcMain li { padding-bottom: 3px; color: #EAE3D3; } /* NEW v4.5 - AddThis */ #pcMain .pcAddThisFloat { float: right; } #pcMain .pcAddThisFloat div { display: inline-block; margin-top: 2px; } #pcMain .pcAddThis { background: url("images/social_bg_icon.png") no-repeat scroll 190px top transparent; height: 23px; margin-top: -30px; padding: 3px 0 0 194px; width: 155px; } /* END NEW v4.5 - AddThis */ /* NEW v4.5 - Sales Manager */ #pcMain .pcSaleIcon img { vertical-align: bottom; padding-bottom: 2px; } #pcMain .pcSaleDesc { margin: 10px 0 15px 0; padding: 0 5px 10px 5px; } #pcMain .pcSaleDescTitle a { font-weight: bold; font-size: 12px; } #pcMain .pcSaleDescTitle img { margin-right: 5px; } #pcMain .pcSaleDescContent { margin-top: 3px; } /* END NEW v4.5 - Sales Manager */ /*----------------------------------------------------------------------------------------- ProductCart Product ViewPrd.asp Images ----------------------------------------------------------------------------------------*/ #pcMain .pcShowMainImage { text-align:center; vertical-align:bottom; background:url(images/product_bg.png) left top no-repeat; width:228px; height:226px; margin-left:4px; } #pcMain .pcShowMainImage img { margin: 13px 5px 5px 5px; } #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; } td.CustomizeOrdDet { 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 */ /*------------add new for feature product section--------------*/ .featured_product_main {width:695px; float:left; } /*------------add new for right section--------------*/ .right_banners {width:223px; text-align:center; padding-bottom:10px; float:left; } .right_banners1 {width:223px; text-align:center; padding-bottom:10px; margin-top:-8px; float:left; } /*------------add new for recent comments in right section--------------*/ .recent_comment_main {width:223px; float:left; margin-top:-8px; } .recent_comment_head {width:223px; float:left; } .recent_comment_content_bg {width:223px; padding-top:7px; float:left; background:url(images/recent_comments_2.png) left top repeat-y; } .recent_comment_txt {width:141px; padding-left:22px; padding-right:22px; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted #6a6255 1px; float:left; margin-left:20px; font-size:12px; color:#6a6255; font-family:Arial, Helvetica, sans-serif; background:url(images/quote.png) left top no-repeat; } .recent_txt {padding-top:5px; float:left; } .recent_comment_txt_last {width:141px; padding-left:22px; padding-right:22px; float:left; margin-left:20px; font-size:12px; color:#6a6255; font-family:Arial, Helvetica, sans-serif; background:url(images/quote.png) left top no-repeat; } /*------------add new for Welcome section --------------*/ .welcome_main {width:1109px; padding-left:20px; padding-top:15px; float:left; margin-top:15px; margin-left:10px; margin-bottom:35px; height:213px; background:url(images/welcome_bg.png) left top no-repeat; } .welcome_head {width:1075px; padding-left:15px; padding-top:7px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f6dfae; text-transform:uppercase; } .welcome_txt_main {width:1090px; float:left; padding-top:12px; } .welcome_img { float:left; padding-right:25px; } .welcome_txt { color:#8d9ba0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; width:1070px; text-align: justify; } .spacer {clear:both; } /*------------add new in category page for breadcrumb section--------------*/ .breadcrumb_txt { width:677px; float:left; } .breadcrumb_txt ul { padding:0px; margin:0px; list-style:none; } .breadcrumb_txt li { color:#cacaca; font-size:12px; margin-left:7px; float:left; font-family:Arial, Helvetica, sans-serif; } .breadcrumb_txt li a { color:#9e9e9e; font-size:12px; padding-right:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/bullet_bread.png) right 5px no-repeat; } .breadcrumb_txt li a:hover { text-decoration:none; } .sort_main{ color: #B4B4B4; float: right; font-size: 14px; margin-left: 458px; position: absolute; top: 293px; width: 200px; } .sort_dropdown {float:right; height:22px; left:1px; top:-10px; width:140px; } /*------------add new in category page for listing section--------------*/ .listing_main { background: url("images/listing.png") no-repeat scroll 2px bottom transparent; float:left; height:27px; margin-left:5px; padding-top:10px; width:661px; padding-left:14px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-shadow: 0.1em 0.1em #e7ddc4; color:#6a6963; margin-bottom:25px; } .listing_main a {color:#6a6963; padding-top:3px; width:21px; height:21px; text-align:center; text-decoration:none; } .listing_main a:hover { text-decoration:underline; } .page_txt {color:#696866; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-right:10px; padding-top:3px; text-shadow:0.1em 0.1em #E7DDC4; } .listing { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6a6963; text-shadow: 0.1em 0.1em #e7ddc4; } .listing ul { padding:0px; margin:0px; list-style:none; } .listing li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; text-align:center; width:21px; } .listing ul li a { color:#6a6963; display:block; padding-top:3px; width:21px; height:21px; text-decoration:none; } .listing li a:hover { background:url(images/hover_number.png) center top no-repeat; text-decoration:none; } .listing li.select {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; text-align:center; margin-right:5px; width:21px; padding-top:3px; background:url(images/hover_number.png) center top no-repeat; } .listing li.select a { color:#6a6963; display:block; padding-top:3px; width:21px; height:21px; text-decoration:none; background:url(images/hover_number.png) center top no-repeat; } .listing li.select a:hover { background:url(images/hover_number.png) center top no-repeat; text-decoration:none; } .list_txt { padding-right:5px; font-family:Arial, Helvetica, sans-serif; float:left; color:#683f11; font-size:12px; padding-top:3px; font-weight:bold; text-shadow: 0.1em 0.1em #e7ddc4; } .list_txt a { font-family:Arial, Helvetica, sans-serif; color:#683f11; font-size:12px; text-decoration:none; } .list_txt a:hover { text-decoration:underline; } /*------------add new in product listing page for category updown section--------------*/ .category_listing_bg_main { width:677px; float:left; height:75px; background:url(images/category_updown_bg.png) center bottom no-repeat; } .updown_main {width:10px; padding-left:25px; padding-top:9px; float:left; } .updown { float:left; padding-top:18px; } .category_txt_main {width:250px; float:left; font-family:Arial, Helvetica, sans-serif; padding-left:12px; padding-top:14px; color:#f4f2eb; font-size:13px; } .category_txt { width:250px; float:left; padding-top:7px; } .category_txt2 { font-size:12px; } #pcCSF { padding:0; margin:0; } .narrowby_link {width:195px; padding-left:5px; float:left; font-family:Arial, Helvetica, sans-serif; } .narrowby_link ul { padding:0px; margin:0px; list-style:none; } .narrowby_link li.first { float:left; width:185px; padding-left:10px; padding-bottom:5px; font-size:12px; color:#6a6255; } .narrowby_link li { float:left; width:182px; font-size:12px; color:#6a6255; } .narrowby_link li a { padding:7px 10px 7px 10px; display:block; margin-left:15px; font-size:12px; color:#6a6255; text-decoration:none; border-bottom:dotted #000000 1px; background:url(images/narrow_bullet.png) 0px 11px no-repeat; } .narrowby_link li a:hover { color:#6a6255; text-decoration:underline; } .narrowby_link li.last { float:left; width:182px; font-size:12px; color:#6a6255; } .narrowby_link li.last a { padding:7px 10px 0px 10px; display:block; margin-left:15px; font-size:12px; color:#6a6255; text-decoration:none; border-bottom:none; background:url(images/narrow_bullet.png) 0px 11px no-repeat; } .narrowby_link li.last a:hover { color:#6a6255; text-decoration:underline; } .about_txt {width:677px; float:left; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#ede0c2; font-size:12px; } .about_img { float:left; padding-right:15px; } /*------------add new css for about us page--------------*/ .aboutUs {color:#ede0c2; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-left:20px; padding-right:15px; padding-top:12px; padding-bottom:16px; width:637px; } .aboutUs a {color: #EDE0C2; text-decoration:none; } .aboutUs a:hover { text-decoration:underline; } /*------------add new css in product detail page for quantity save section--------------*/ .quantity_save_main {width:200px; padding-left:5px; font-family:Arial, Helvetica, sans-serif; float:left; } .quantity_txt_head { width:190px; padding-left:10px; float:left; padding-bottom:5px; } .quantity_save_txt { width:190px; float:left; padding-left:10px; } .quantity_txt_main {width:95px; float:left; font-size:13px; color:#f0efe1; } .save_txt_main {width:95px; float:left; color:#f0efe1; font-size:13px; text-align:center; } .social_icon { padding:1px 3px 0px 3px; float:left; } .detail_form_main {width:450px; float:left; padding-bottom:7px; } .txtfield_txt {width:90px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#f0efe1; height:30px; padding-top:10px; } .txtfield_main {width:290px; float:left; height:40px; padding-bottom:7px; } .detail_txtfield { width:289px; height:37px; border:0px; background:url(images/txtfield_bg.png) } .list_price { color:#e4e3d1; width:250px; font-size:13px; font-family:Arial, Helvetica, sans-serif; float:left; padding-bottom:6px; } .list_price3 { color:#e4e3d1; width:400px; font-size:13px; font-family:Arial, Helvetica, sans-serif; float:left; padding-bottom:9px; padding-left:2px; padding-top:-2px; } input[name="quantity"] {margin-left:-4px; margin-top:-16px; } .prod_detail_txt {width:640px; float:left; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#ffffff; margin-top:-45px; padding-left:25px; font-size:13px; padding-right:25px; } .product_detail_heading {background:url("images/featured_product.png") no-repeat scroll 5px top transparent; color:#F6DFAE; float:left; font-size: 14px; font-weight:bold; height:48px; margin:0 0 5px; padding:17px 5px 0 23px; text-align: left; text-transform:uppercase; width: 677px; } .back_txt {width:663px; float:left; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#ffffff; margin-top:-10px; font-size:13px; padding-bottom:10px; } .back_txt a {width:663px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline; } .back_txt a:hover { text-decoration:none; } .product_review_head {padding-top:10px; } /*------------add new css for Searcg page--------------*/ .from_txt {color:#eae3d3; font-size:12px; } .pcShowContent tr td.from_txt input { background: none repeat scroll 0 0 #273234; border: 1px solid #586365; padding-bottom: 7px; padding-top: 7px; width: 91px; } .search_on_exact { padding-top:15px; font-size:12px; color:#EAE3D3; float:left; text-align:left; } .you_can_narrow {width:677px; padding-left:17px; float:left; font-size:12px; text-align:left; color:#EAE3D3; } .from_to_txt {padding-top:5px; float:left;} .from_txt input[name="priceFrom"] { float:left; margin-right:2px;} .from_txt input[name="priceFrom"] { float:left; } .pcShowContent type[name="withstock"] { margin-top:15px; } /*------------add new css for viewcart page--------------*/ .qty_txtfield {width:45px; padding-left:17px; float:left; } .qty_txtfield input[type="text"] { text-align:center; margin-top:10px; } .des_area { padding-left:25px; color:#EAE3D3; } .des_area a { font-family:Arial, Helvetica, sans-serif; color:#EAE3D3; padding-top:15px; padding-left:10px; font-size:13px; text-decoration:none; } .des_area a:hover { text-decoration:none; } .des_area img { width:65px; height:49px; margin-left:-10px; } .total_price { font-size:12px; font-weight:bold; padding-right:7px; padding-top:10px; color:#FFFFFF; } .estimated_txt {width:500px; float:left; padding-left:15px; color:#EAE3D3; font-size:13px; font-family:Arial, Helvetica, sans-serif; } .estimated_txt a { color:#EAE3D3; font-size:13px; text-decoration:none; } .estimated_txt a:hover { text-decoration:underline; } .pcShowCart_border { border-bottom:#141516 solid 1px; } .recal_check_butt {padding-left:10px; padding-top:10px; } .previous_next_butt { float: left; margin-left: 222px; margin-top: -8px; padding-bottom: 10px; } /*------------add new css for contact us page--------------*/ .contact_us_txt { font-size:12px; color:#ede0c2; padding-left:16px; padding-bottom:15px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; } .pcShowContent tr td input[name="FromName"] { float:left; margin-top:-6px; width:325px; } .pcShowContent tr td input[name="FromEmail"] { float:left; width:325px; margin-top:-6px; } .pcShowContent tr td input[name="MsgTitle"] { float:left; width:325px; margin-top:-6px; } .pcShowContent tr td input[name="FromName"] { float:left; width:325px; } .pcShowContent td p { /*padding-top:7px;*/ } .pcShowContent tr td p a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .pcShowContent tr td p a:hover { text-decoration: underline; } .pcShowContent img { } .pcShowContent tr td table tr td img[id="CAPTCHA"] { float:left; margin-top:-5px; } .pcShowContent tr td table tr td input[id="securityCode"] { float: left; width: 150px; } .pcShowContent tr td p input[id="submit"] { float: left; margin-left: 170px; margin-top:60px; } .contact_us_txt2 { text-align:right; padding-right:5px; } /*------------add new css for tell a friend--------------*/ .product_auto {font-size:12px; margin:5px 0; font-size:13px; font-weight:bold; color: #EAE3D3; padding:5px 5px 5px 21px; font-family:Arial, Helvetica, sans-serif; } .pcShowContent tr td input[name="yourname"] { float:left; width:325px; } .pcShowContent tr td input[name="youremail"] { float:left; width:325px; } .pcShowContent tr td input[name="friendsname"] { float:left; width:325px; } .pcShowContent tr td input[name="friendsemail"] { float:left; width:325px; } .pcShowContent tr td textarea[name="message"] { background-color: #273234; border: 1px solid #586365; color: #666666; float: left; font-size: 11px; margin-top:0px; padding: 2px 3px; width: 325px; } #show_security tr td:nth-child(n+2) { padding-top:0px; color:#f0efe1; font-size:12px; } .captcha_main { /*margin-left:-170px;*/ position:absolute; } .captcha_main img { float: left; } .captcha_main a{ color: #F0EFE1; font-family: Arial,Helvetica,sans-serif; font-size: 13px; margin-top: 30px; position: absolute; text-decoration: none; width: 100px; } .security_code { margin-top: 61px; position: absolute; } .tell_friend_butt { margin-top:57px; position:absolute; } .tell_friend_txt {text-align:right; } .txtright_txt {text-align:right; } .search_continue_butt { padding-left:300px; float:left; margin-left:277px; } .back_butt {margin-left: 66px; margin-top: -3px; position: absolute; } .tell_friend_butt input[id="submit"] { margin-left: -2px; margin-top: -10px; position: absolute; } .account_radio input[id="pww2"] { margin-top:1px; } .account_radio input[id="pww1"] { margin-top:8px; } .account_radio input[type="radio"] { /* margin-bottom:-10px; */ } /*------------add new css for search result page--------------*/ .search_result { padding-top:10px; float:left; } .sort_by_txt { padding-left: 15px; padding-top: 7px; position: absolute; text-align: left; } .checkbox_1 {margin-top:7px; border:none; } /*------------add new css for register page--------------*/ .email_main { text-align:left;} .r_u_already { text-align:left; color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding-left:205px; } .r_u_already1 { text-align:left; color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .account_login_main { text-align:left; } .account_radio { margin-left: 200px; margin-top: 2px; padding-left: 200px; } .yes_andmy { float: left; margin-left: -123px; } .continue_butt { margin-top: -25px; padding-left: 206px; } .forgot_pass { padding-left: 210px; margin-top: 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ede0c2; line-height:20px; } .forgot_pass a { color:#ffffff; text-decoration:none; } .forgot_pass a:hover { text-decoration:none; } p.forgot_pass img { display:none; } .if_u_placed { color:#ede0c2; text-decoration:none; font-size:12px; margin-top:-10px; padding-left:23px; } .order_email {width:210px; float:left; text-align:right; color:#EDE0C2; font-size:12px; margin-top:6px; } .continue_butt input[id="ORVSubmit"] { margin-left: 5px; margin-top: -20px; } .continue_butt input[id="submit"] { margin-left: 0px; margin-top: -20px; } .nownant_txt { margin-left: -123px; margin-top: -5px; text-align: left; } .email_field { padding-left:163px; } .pcShowContent tr td input[name="custemail"] { margin-left: -471px; /*margin-top: -12px;*/ position: absolute; width: 270px; } .pcShowContent tr td input[name="LoginEmail"] { margin-top: -7px; position: absolute; width: 270px; } .pcShowContent tr td input[name="ordercode"] {margin-left: -471px; /* margin-top: -10px;*/ position: absolute; width: 270px; } /*------------add new css for question and answer page--------------*/ .ques_ans_main {width:644px; float:left; } .ques_txt {color: #FFFFFF; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 10px; padding-left: 0px; padding-top:10px; width: 630px; } .ans_txt_main {width:644px; float:left; padding-left:4px; } .ans_bg1 {width:644px; float:left; display:none; } .ans_bg2 {background: url("images/sep.jpg") no-repeat scroll left bottom transparent; color: #CDD8DA; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 2px 10px 0px; padding-bottom: 15px; width: 645px; } .ans_bg3 {width:644px; float:left; display:none; } /*------------add new css for 2nd Amendment page--------------*/ .heading_txt {width:652px; padding-left:25px; float:left; font-size:17px; color:#f6e1ac; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } .amemdment_txt {width:652px; padding-left:25px; float:left; font-size:12px; color:#ffffff; font-weight:normal; padding-top:15px; font-family:Arial, Helvetica, sans-serif; background:url(images/sep.jpg) 10px top no-repeat; } .amemdment_txt1 {width:652px; padding-left:25px; float:left; font-size:12px; color:#ffffff; font-weight:normal; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif; } .caption_txt {color: #F9DEAF; float: left; font-family: arial; font-size: 12px; font-weight:normal; padding-left: 25px; padding-bottom:15px; width: 677px; } .aboutUs .heading_txt { padding-left:0px; } .aboutUs .amemdment_txt { padding-left:0px; } .aboutUs .amemdment_txt1 { padding-left:0px; } .aboutUs .caption_txt { padding-left:0px; } /*------------add new css in product listing page--------------*/ .sort_main2 {color: #B4B4B4; float: right; font-size: 14px; margin-left: 523px; margin-top: 61px; position: absolute; } .sort_main3 {color: #B4B4B4; float: right; font-size: 14px; margin-left: 523px; margin-top: 27px; position: absolute; } .sort_by_txt2 { padding-left: 15px; margin-top:4px; position: absolute; text-align: left; margin-left:-70px; } .pcShowProductSavings2 { color:#dcd434; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-left:1px; padding-right:37px; position:relative; width:150px; } .narrow_top { width:225px; float:left; } .narrow_middle { width:205px; padding-left:17px; font-size:12px; padding-top:7px; float:left; color:#6a6255; background:url(images/category_mid.png) left top repeat-y; } .unitprice { color:#EAE3D3; text-align:left; } validateTips { color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } #pcUserAccount li a { color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } #pcUserAccount li a:hover { color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; } .pcSavedProduct{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .pcSavedProduct a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .pcSavedProduct a:hover { text-decoration: underline; } #AgreeArea a{ color: #EAE3D3; /*Remove for Register Page*/ font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } #AgreeArea a:hover { text-decoration: underline; } #BillingForm tr td{ color: #EAE3D3; /*Remove for Register Page*/ font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } #BillingForm a:hover { text-decoration: underline; } .pcCustQuote a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .pcCustQuote a:hover { text-decoration: underline; } .denied{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .denied a{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .denied a:hover { text-decoration: underline; } .postreview{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .payment{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .member_login{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .rating-text { margin-left:-35px; } #PayList { float:left; } .pclogintitle{ color: #F6DFAE; font-size: 18px; padding-left: 30px; } .savedproducts{ color: #EAE3D3; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .space { padding-left:57px; }