/* NOTICE: This file created by, and copyright by, Offroad Closeouts dot com. All Rights Reserved. Created on Jun 18, 2007 Created by Ryan Bowman */ /* ******** TABLE OF CONTENTS ******** 1. COLOR DEFINITIONS 2. GENERAL STYLES 3. HEADER STYLES 4. NAVBAR 5. FOOTER 6. CONTENT (GENERAL) 6.1 HOME PAGE 6.2 TYPE PAGE 6.3 PRODUCT PAGE 7. TERMS PAGES 8. CHECKOUT PAGES 8.1 CART PAGE 8.2 BILLING PAGE 8.3 SHIPPING PAGE 8.4 PAYMENT PAGE 8.5 RECEIPT PAGE 8.6 ADDRESS VERIFY PAGES 9 SEARCH PAGE 10 ORDER TRACKING PAGES 10.1 ENTER ORDER INFO 10.2 PACKAGE TRACKING 10.3 PACKAGE DETAILS 11 ERROR PAGE ******** END TABLE OF CONTENTS ******** */ /* ******** 1. COLOR DEFINITIONS ******** -- Colors for specific purposes -- lightBorderColor #ccc brightorange #f7941c mediumdarkorange #dd770b darkorange #c86700 yellow #ff0 darkyellow #ffd700 red #c00 -- Greyscale colors -- black #000 darkgrey #666 grey #999 silver #ccc lightsilver #ddd verylightsilver #f0f0f0 white #fff offwhite #fbd6a9 /* ******** END COLOR DEFINITIONS ******** */ /* ******** 2. GENERAL ******** */ body { color: #000; font: 12px Arial, Helvetica, sans-serif; margin: 0 auto 5px auto; position: relative; text-align: center; } #body { background: #fff; overflow: hidden; padding: 0; text-align: left; } .button { background: #c00 url("/images/orcsite/common/button-background.jpg") repeat-x; border: 1px #800 solid; border-left-color: #c00; border-top-width: 0; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; padding-top: 1px; padding-bottom: 2px; } a.button { color: #fff; padding: 2px 10px 3px; text-decoration: none; } .error { color: #c00; margin: 15px 0; } .invisible { visibility: hidden; } .legal { color: #999; } .limitedQty { color: #000; font-size: 0.9em; font-weight: normal; margin: 0; padding: 0; } .noLegend { display: none; } .note { color: #c00; font-size: 1em; font-weight: normal; } .price { color: #c86700; font-weight: bold; } .regPrice { color: #000; font-weight: normal; } select { font: 11px Arial, Helvetica, sans-serif; height: 18px; } .star { color: #c00; font-weight: normal; } /* ******** END GENERAL ******** */ /* ******** 3. HEADER ******** */ #Header { overflow: hidden; margin-top: 0; } #Header #FreeShipBanner { margin: auto; width: 755px; } #Header img { float: left; } #Header h6 { background: #c86700; clear: left; color: #c86700; height: 12px; text-transform: uppercase; } #SearchDiv { background: #f7941c; border-bottom: 1px #c86700 solid; height: 50px; overflow: hidden; } #Search { margin: auto; width: 755px; } #Search #CartLink { float: right; margin-top: 15px; } #Search #CartLink a { color: #fff; font-size: 14px; margin-right: 10px; } #Search #CartLink a img { float: left; margin-top: -2px; margin-right: 7px; } #Search #CartLink form { display: inline; } #Search fieldset { background: #dd770b; border: 1px #fbd6a9 solid; border-width: 1px 0; float: left; height: 40px; margin: 5px 0; } #Search fieldset form { overflow: hidden; padding: 5px 0; } #Search fieldset label { color: #fff; float: left; font-size: 14px; margin: 5px 0 0; padding-right: 10px; } #Search fieldset input#SearchBox { float: left; height: 16px; margin: 3px 0 0; padding: 0; } #Search fieldset input#SearchBtn { float: left; margin-left: 7px; } #Search .left { background: #dd770b url("/images/orcsite/common/searchbox-left.jpg") left top no-repeat; float: left; height: 42px; margin-top: 5px; width: 11px; } #Search .right { background: #dd770b url("/images/orcsite/common/searchbox-right.jpg") right top no-repeat; float: left; height: 42px; margin-top: 5px; width: 11px; } #SubHeader { margin: auto; width: 755px; } #SubHeader #TagLine { margin-top: 70px; } /* ******** END HEADER ******** */ /* ******** 4. NAVBAR ******** */ #NavBar { display: block; float: left; margin: 10px 10px 5px 0; width: 193px; } #NavBar .bottom { background: transparent url("/images/orcsite/common/navbars-bottom.jpg") left bottom no-repeat; height: 15px; } #NavBar h3 { color: #000; font-size: 1.2em; margin: 0 0 0 7px; } #NavBar li { font-size: 1.1em; height: 1.3em; overflow: hidden; padding-bottom: 3px; text-transform: uppercase; } #NavBar li:hover img { visibility: visible; } #NavBar li.homeLink a { color: #dd770b; } #NavBar li.homeLink span { border-bottom: 1px #dd770b solid; float: right; margin-top: -8px; width: 135px; } #NavBar li a { font-weight: bold; } #NavBar li img { float: left; margin-top: -1px; margin-right: 2px; visibility: hidden; } #NavBar .top { background: transparent url("/images/orcsite/common/navbars-top.jpg") left top no-repeat; height: 15px; } #NavBar ul { background: #f0f0f0; border: 1px #ccc solid; border-width: 0 1px; list-style: none; padding: 7px 0 4px 5px; } #NavBar #InfoLinks { margin-top: 13px; margin-bottom: 10px; } #NavBar #InfoLinks ul { padding-left: 15px; } #NavBar #Menu { margin-bottom: 13px; } #NavBar #VeriSign { margin-bottom: 10px; } /* ******** END NAVBAR ******** */ /* ******** 5. FOOTER ******** */ #Spacer { background: #f7941c; border-bottom: 1px #ccc solid; height: 50px; } #Footer { clear: left; overflow: hidden; margin: auto; width: 755px; } #Footer #CreditCards { float: right; margin-top: 3px; } #Footer #Copyright { float: left; margin-top: 10px; } /* ******** END FOOTER ******** */ /* ********* 6. CONTENT (GENERAL) ********* */ #AddressChoose div.buttons, #Addresses, #ContinueShopping, #CreditCard, #Paypal, #ShipOrderTotal h4, #TrackingInfo { border-top: 3px #ccc dotted; margin-top: 10px; padding-top: 5px; } #Billing #BillForm, #Billing p, #CartPage h2, #CheckoutPage h2, #OrderTracking h2, #Paypal, #SearchResults h2 { border-bottom: 3px #ccc dotted; margin-bottom: 10px; padding-bottom: 5px; } #AddressChoose, #Billing, #Cart, #Featured, #OrderStatus, #PackageTrack, #PackageDetails, #Payment, #Receipt, #SearchResults, #Shipping { border: 1px #ccc solid; border-width: 0 1px; float: right; padding: 0 10px; width: 518px; } #CartPage div.top, #CheckoutPage div.top, #FeaturedTop, #OrderTracking div.top, #Popup div.top, #ProductPage div.top, #SearchPage div.top, #TermsInfo div.top, #Type div.top { background: transparent url('/images/orcsite/common/top-round.jpg') no-repeat left top; height: 13px; float: right; margin-top: 10px; width: 540px; } #CartPage div.bottom, #CheckoutPage div.bottom, #FeaturedBottom, #OrderTracking div.bottom, #Popup div.bottom, #ProductPage div.bottom, #SearchPage div.bottom, #TermsInfo div.bottom, #Type div.bottom { background: transparent url('/images/orcsite/common/bottom-round.jpg') no-repeat left bottom; height: 13px; float: right; margin-bottom: 10px; width: 540px; } #ContentArea { height: auto; overflow: hidden; margin: auto; width: 755px; } #Content { float: right; height: 100%; margin: 10px 0 10px 0; width: 540px; } #OtherItems { float: left; width: 540px; } #OtherItems .item { float: left; margin: 0; width: 175px; } #OtherItems .item div.img { display: block; height: 162px; width: 170px; } #OtherItems .item .img { border: 1px #ccc solid; border-width: 0 1px; height: 166px; text-align: center; margin-left: 1px; } #OtherItems .item .img img { display: block; margin: auto; } #OtherItems .item .img td { border: 1px #ccc solid; height: 162px; padding: 3px 0; vertical-align: middle; width: 171px; } #OtherItems .item div.prices { background: #f7941c url("/images/orcsite/common/productlisting-bottom.jpg") left bottom no-repeat; min-height: 45px; overflow: hidden; padding-top: 0; padding-bottom: 3px; text-align: center; width: 173px; } #OtherItems .item h2 { background: #f7941c url("/images/orcsite/common/productlisting-top.jpg") left top no-repeat; color: #fff; font-size: 14px; min-height: 30px; padding: 3px 5px 5px; text-align: center; width: 163px; } #OtherItems .item h2 a:link, #OtherItems .item h2 a:visited { color: #fff; text-decoration: underline; } #OtherItems .item h2 a:hover, #OtherItems .item h2 a:active, #OtherItems .item h2 a:focus { color: #fff; text-decoration: underline; } #OtherItems .item h3 { background: #ffd700; color: #000; float: left; font-size: 13px; padding: 3px 2px 2px 3px; text-align: left; width: 105px; } #OtherItems .item .prices span { background: #c00 url('/images/orcsite/common/redroundright.jpg') right top no-repeat; border-left: 1px #ccc solid; color: #fff; float: left; font-size: 11px; font-weight: bold; height: 17px; padding: 3px 2px 1px 2px; width: 57px; } #OtherItems .item h3 img { float: none; margin-left: 3px; margin-right: 3px; } #OtherItems .item h4 { color: #fff; float: left; font-size: 11px; font-weight: normal; padding-top: 3px; width: 172px; } #OtherItems .item h5 { color: #000; float: left; font-size: 13px; font-weight: bold; width: 172px; } #OtherItems .item h6 { color: #fff; font-size: 9px; width: 172px; } #OtherItems .middle { margin: 0 7px 10px 8px; } #OtherItems .row { margin-bottom: 10px; overflow: hidden; } .searchPageLinks { float: left; height: 23px; margin-top: -2px; margin-bottom: 10px; } .searchPageLinks a:link, #Type .searchPageLinks a:visited, #Type .searchPageLinks a:hover, .searchPageLinks a:focus, #Type .searchPageLinks a:active { text-decoration: underline; } #body .searchPageLinks a.button, #body .searchPageLinks a.button:hover, #body .searchPageLinks a.button:focus, #body .searchPageLinks a.button:active { text-decoration: none; } .searchPageLinks a.navArrow { font-family: Times New Roman, Times, serif; font-size: 20px; line-height: 19px; } .searchPageLinks a.navArrow span { font-family: Arial, san-serif; font-size: 12px; } #SortBox { float: right; margin-top: 0px; } #SortBox label { margin-right: 5px; } /* **** 6.1 HOME PAGE **** */ #Featured { float: left; height: 205px; padding: 12px 18px 0 0; width: 520px; } #Featured * { text-align: right; } #Featured a { color: #000; font-weight: bold; } #Featured a.button { color: #fff; } #Featured div.moreInfo { clear: right; float: right; height: 25px; margin-top: 15px; } #Featured div.moreInfo a { padding-right: 10px; } #Featured input { } #Featured h1 { border-bottom: 1px #ccc solid; float: left; height: 60px; margin-top: 10px; padding-left: 8px; width: 285px; } #Featured h1 a { clear: none; color: #000; font-weight: bold; float: none; margin-top: 0; } #Featured h2 { border-bottom: 1px #ccc solid; float: left; font-size: 18px; padding-top: 2px; padding-bottom: 12px; padding-left: 8px; width: 285px; } #Featured h3 { float: left; margin-top: 7px; margin-bottom: 4px; padding-left: 8px; width: 285px; } #Featured h4 { background: #fff; color: #c00; float: right; margin-top: -8px; padding-left: 5px; width: auto; } #Featured h5 { clear: right; float: right; margin-top: 10px; } #Featured .prodImg { background: url("/images/orcsite/common/orange-arrow.jpg") #fff right 59px no-repeat; border-right: 1px #ccc solid; float: left; height: 185px; margin-top: 10px; width: 225px; } #Featured .prodImg img { float: none; margin: 0; } #Featured .prodImg a { display: block; float: none; height: 160px; margin: 0 auto; text-align: center; width: 160px; } #FeaturedTop { background-image: url('/images/orcsite/common/featured-top-round.jpg'); height: 28px; margin: 0; } #FeaturedTop h1 { color: #fff; font-size: 20px; padding: 2px 18px 0; } /* **** END HOME PAGE **** */ /* **** 6.2 TYPE PAGE **** */ #Type { float: right; height: 100%; margin: 10px 0 10px 0; width: 540px; } #Type div.top { float: none; margin-top: 0; } #Type #Filters { border: 1px #ccc solid; border-width: 0 1px; overflow: hidden; } #Type #Filters fieldset { float: left; margin-right: 10px; } #Type #Filters fieldset#Size { margin-left: 10px; } #Type #Filters fieldset#Price { width: 25%; } #Type #Filters label { color: #c00; display: block; } #Type #OtherItems { margin-top: 10px; } #Type #OtherItems .item { float: left; margin: 0 0 10px; width: 175px; } #Type #OtherItems .middle { margin: 0 7px 10px 8px; } #Type p { border-bottom: 1px #ccc solid; margin-bottom: 5px; padding-bottom: 5px; } #Type p img { float: left; margin-right: 2px; } /* **** END TYPE PAGE **** */ /* **** 6.3 PRODUCT PAGE **** */ #ProductDesc, #ProductNotes { border: 1px #ccc solid; border-width: 0 1px; overflow: hidden; padding: 0 10px; } #ProductDesc ul, #ProductNotes ul { margin-left: 15px; } #ProductPage { float: right; width: 540px; } #ProductPage div.top { float: none; } #ProductPage div.siblingdiv { margin-top: 10px; } #ProductPage div.bottom { float: none; } #ProductPage h1 { border: 1px #ccc solid; border-width: 0 1px 1px; font-size: 1.5em; padding: 0 15px 10px /*228px*/; position: relative; text-align: right; width: 508px; } #ProductPage h1 img { position: absolute; top: 3px; right: 0; } #ProductImg { display: inline; float: left; margin-top: 20px; margin-left: 30px; text-align: center; width: 160px; } #ProductImg span { border: 1px #ccc solid; display: block; margin: 5px auto; padding: 3px; width: 90px; } #ProductImg:hover span { border-color: #f7941c; cursor: pointer; } #ProductImg span b { font-size: 16px; } #ProductInfo { border: 1px #ccc solid; border-width: 0 1px; overflow: hidden; width: 538px; } #ProductInfo div#Filler { background: #f7941c url('/images/orcsite/common/orangebottomround.jpg') no-repeat left bottom; float: right; height: 78px; margin-top: -57px; width: 10px; } #ProductInfo h2 { background: #c00; color: #fff; float: right; font-family: Arial; font-size: 1.5em; padding-right: 15px; padding-left: 5px; text-align: right; width: 225px; } #ProductInfo h2.price { background: #ffd700; clear: right; color: #000; float: right; font-family: Impact; font-size: 2.3em; padding-right: 15px; padding-left: 5px; text-align: right; width: 225px; } #ProductInfo h3 { background: #ffd700; color: #000; clear: right; float: right; font-size: 1.1em; font-weight: normal; margin-bottom: 5px; padding: 0 15px 5px 5px; text-align: right; width: 225px; } #ProductInfo h4 { background: #c00 url('/images/orcsite/common/redcircle.jpg') no-repeat left top; color: #ffd700; font-size: 2.1em; float: left; height: 60px; line-height: .9; margin-top: 20px; margin-left: 11px; text-align: center; width: 60px; } #ProductInfo h4 span { font-family: Arial; font-size: 14px; } #ProductInfo h5 { clear: right; float: right; margin-bottom: 10px; padding-right: 15px; text-align: right; width: 225px; } #ProductInfo form { clear: right; float: right; padding-right: 15px; text-align: right; width: auto; } #ProductInfo form fieldset { margin-top: 5px; margin-bottom: 5px; text-align: right; width: 240px; } #ProductInfo form fieldset select { min-width: 80px; padding-top: -1px; width: auto; } #ProductInfo p { clear: right; float: right; margin-top: 7px; padding-right: 15px; text-align: right; } #ProductInfo p span { color: #0c0; float: left; font-size: 2.5em; margin-top: -10px; margin-left: 5px; } #ProductInfo #ProdBuy { clear: right; width: auto; } #ProductInfo #ProdBuy .button { margin-left: 7px; padding-right: 5px; padding-left: 5px; width: 90px; } /* **** END PRODUCT PAGE **** */ /* **** 6.4 VIEW LARGE IMAGE PAGE **** */ #LargerImage { margin-top: 10px; text-align: center; } #LargerImage p { float: left; width: 540px; } #LargerImage #ProductImg { display: inline; float: none; margin-top: 0; } #LargerImageContainer { float: left; width: 540px; text-align: center; } #LargerImageContainer a#ProductImg{ clear: right; display: block; float: none; text-align: center; margin: auto; } #LargerImageContainer p { float: left; width: 540px; } #LargerImageTable { margin: 10px auto; } #LargerImageTable td { height: 405px; vertical-align: middle; text-align: center; width: 400px; } #OtherImages { margin: 10px auto; overflow: hidden; width: 490px; border: 1px #fff solid; } #OtherImages table { display: inline; float: left; margin: 10px; } #OtherImages td { border: 1px @darkBorderColor@ solid; height: 100px; vertical-align: middle; width: 100px; } #OtherImages a { } #OtherImages a img { display: block; margin: auto; } /* **** END VIEW LARGE IMAGE PAGE **** */ /* ********* END CONTENT ********* */ /* ********* 7. TERMS (GENERAL) ********* */ #TermsInfo h2 { margin-left: 10px; } #TermsInfo h3 { margin-left: 10px; } #TermsInfo li { font-size: 1.4em; font-weight: bold; margin: 5px 10px; } #TermsInfo p { border-top: 3px #ccc dotted; margin: 10px; padding-top: 10px; } #TermsInfo ul { margin-bottom: 10px; padding-left: 15px; } #TermsInfo ol { margin-left: 20px; padding-left: 15px; } #TermsInfo #ContactInfo, #TermsInfo #FreeShipping, #TermsInfo #PrivacySecurity, #TermsInfo #TermsPolicies { border: 1px #ccc solid; border-width: 0 1px; float: right; padding-top: 5px; width: 538px; } #TermsInfo #PrivacySecurity h3 { border-bottom: 3px #ccc dotted; margin: 15px 10px; padding-bottom: 10px; } #TermsInfo #PrivacySecurity p { border-top: 0; margin: 10px; padding-top: 0; } #TermsInfo #PrivacySecurity p img { vertical-align: middle; } #TermsInfo p span { color: #dd770b; font-size: 14px; font-weight: bold; } #TermsInfo p span.star { font-size: 20px; } /* ********* END TERMS (GENERAL) ********* */ /* ********* 8. CHECKOUT PAGES ********* */ #Addresses div { float: left; width: 250px; } #CartPage, #CheckoutPage { overflow: hidden; } #Prices,#Totals { border-left: 3px #ccc dotted; float: right; height: 125px; margin-top: 0px; padding-top: 3px; text-align: right; width: 160px; } #Prices fieldset, #Totals fieldset { margin-bottom: 5px; } /* **** 8.1 CART PAGE **** */ #Cart a { text-decoration: underline; } #Cart a.button { text-decoration: none; } #Cart th.stockstatus { padding-top: 5px; padding-bottom: 5px; } #Cart .stockstatus { padding-top: 10px; width: 90px; } #Cart .stockstatus span.disc { color: #c00; float: left; font-size: 2.5em; margin-top: -10px; margin-right: 3px; } #Cart .stockstatus span.instock { color: #0c0; float: left; font-size: 2.5em; margin-top: -10px; margin-right: 3px; } #Cart .tableheader { background: #f0f0f0; padding: 2px; } #Cart table { margin: 10px 0; } #Cart td { vertical-align: middle; } #Cart td.error { color: #c00; font-weight: bold; } #Cart td.qtyBox { vertical-align: middle; } #Cart td.qtyBox input { margin: 5px 0; width: 25px; } #Cart .subtotal { padding-right: 5px; text-align: right; } .rule { border-top: 1px #ccc solid; height: 1px; font-size: 0; line-height: 0; } #ContinueShopping { float: left; margin-top: 0; padding: 13px 0 5px; width: 100%; } #ContinueShopping #CheckoutBtn { float: right; margin-top:0 } #ContinueShopping form { display: inline; } #ShipEst { border-top: 3px #ccc dotted; float: left; margin-top: 10px; padding: 7px 0 0; width: 352px; } #ShipEst fieldset { margin-top: 8px; } #ShipEst h4 { margin-bottom: 5px; } #ShipEst h5 { color: #c00; display: inline; } #ShipEst input { margin-right: 10px; margin-left: 5px; } #ShipEst select { margin-right: 10px; margin-left: 5px; } /* **** END CART PAGE **** */ /* **** 8.2 BILLING PAGE **** */ #Billing h4 { margin-bottom: 5px; } .address fieldset { margin: 3px 0; } .address input { font: 11px Arial, Helvetica, sans-serif; float: left; height: 13px; padding-left: 3px; padding-right: 3px; } .address input.addrType { clear: left; margin-left: 110px; } .address input.button { border: 1px #800 solid; border-left-color: #c00; border-top-width: 0; font: bold 13px Arial, Helvetica, sans-serif; height: auto; padding-top: 1px; padding-bottom: 2px; } .address input.extension { width: 40px; } .address label { float: left; width: 110px; } .address label.addrType { width: 100px; } .address label.extension { margin-left: 10px; width: 25px; } .address select { font-size: 11px; } #Billing .star { float: left; } /* **** END BILLING PAGE **** */ /* **** 8.3 SHIPPING PAGE **** */ #Shipping fieldset { margin: 3px 0; } #Shipping #shipAdd_resAddr, #Shipping #shipAdd_busAddr { margin: 0 3px 3px 110px; padding-left: 0; } #Shipping label.addrType { margin-bottom: 3px; width: 150px; } #Shipping .method { border-bottom: 1px #ccc solid; margin: 5px 0; padding-bottom: 5px; } #Shipping .method input { margin: 3px 3px 0 0; } #Shipping .method label { font-weight: bold; } #Shipping .method_price { color: #c86700; float: right; font-weight: bold; margin-top: 0px; } #Shipping #ship_bill { margin: 3px 3px 0 0; } #Shipping #ShipAddress fieldset .button { margin-top: 8px; } #Shipping #ShipMethods h4 { border-bottom: 1px #ccc solid; margin-top: 10px; padding-bottom: 5px; } #Shipping #ShipMethods .note h4 { border: 0; } #ShipOrderTotal h4 { color: #000; margin-bottom: 10px; } #ShipOrderTotal h4 .price { color: #c86700; } /* **** END SHIPPING PAGE **** */ /* **** 8.4 PAYMENT PAGE **** */ #CreditCard { clear: both; } #CreditCard div { margin: 5px 0; } #CreditCard div fieldset { display: inline; } #CreditCard div fieldset input { font: 11px Arial, Helvetica, sans-serif; height: 13px; padding-left: 3px; padding-right: 3px; } #CreditCard div fieldset label { margin: 0 3px 0 5px; } #CreditCard fieldset#CardNo input { width: 120px; } #CreditCard fieldset#CardNo label { margin-left: 0; } #CreditCard fieldset#CVV a { font-size: 10px; } #CreditCard fieldset#CVV input { width: 30px; } #CreditCard p { margin-top: 5px; } #CVVNote { padding: 5px 0; } #Payment #Addresses span { display: block; } #Payment h4.error { clear: both; float: none; margin: 10px 0; } #Payment .payType { font-size: 13px; font-weight: bold; } #Payment .subtotal { padding-right: 5px; text-align: right; } #Payment table { clear: left; margin: 10px 0; } #Payment .tableheader { background: #f0f0f0; vertical-align: middle; } #Payment td { vertical-align: middle; } #Payment th { padding: 5px 2px; } #Payment #Totals { height: 95px; width: 170px; } #Payment #Totals fieldset { margin-bottom: 3px; } #PaymentInfo { clear: both; margin: 10px 0; } #PaymentInfo h4 { float: left; margin-top: -18px; margin-bottom: 5px; width: 330px; } #Paypal h5 { color: #000; margin: 5px 0; } #Paypal h5 img { float: left; margin-top: 3px; margin-right: 10px; } #Popup { margin: 0; padding: 10px 0; text-align: center; } #Popup .center { border: 1px #ccc solid; border-width: 0 1px; margin: 0 auto; padding: 10px 0; width: 538px; } #Popup h4 { font-size: 1em; } #Popup img { display: block; margin: 10px auto; width: auto; } #Popup p { margin: 0 1.5em; padding: 0; } #Popup div.top { float: none; margin: 10px auto 0; } #Popup div.bottom { float: none; margin: 0 auto 10px; } /* **** END PAYMENT PAGE **** */ /* **** 8.5 RECEIPT PAGE **** */ #OrderInfo { clear: left; padding-top: 10px; } #OrderInfo .label { font-weight: bold; } #Receipt #Addresses span { display: block; } #Receipt table { clear: left; margin: 10px 0; } #Receipt .tableheader { background: #f0f0f0; vertical-align: middle; } #Receipt td { vertical-align: middle; } #Receipt th { padding: 5px 2px; } #Receipt #Totals { border: 0; height: 95px; margin-top: 0; width: 170px; } #CheckoutPage div.error { margin-top: 0; margin-bottom: 0; } /* **** END RECEIPT PAGE **** */ /* **** 8.6 ADDRESS VERIFY PAGES **** */ #AddressChoose div.error { color: #c86700; margin-top: 10px; } #AddressChoose h4 { color: #000; margin: 10px 0; } #AddressChoose input.button { margin-top: 5px; } /* **** END 8.6 ADDRESS VERIFY PAGES **** */ /* ********* END CHECKOUT ********* */ /* ******** 9. SEARCH PAGE ******** */ #SearchResults { } #SearchResults .error { color: @2; } #SearchResults h3 { margin-bottom: 10px; } #SearchResults ul { padding-left: 20px; } #BrowseFamilies { border-top: 1px #ccc solid; clear: both; margin: 10px 0; overflow: hidden; } #BrowseFamilies .item { border: 1px #ccc solid; border-width: 1px 0; overflow: hidden; margin-top: -1px; } #BrowseFamilies .item .button { } #BrowseFamilies .item h3 { padding-right: 15px; margin-bottom: 3px; } #BrowseFamilies .item .itemDescription { padding-right: 20px; } #BrowseFamilies .item .thumb { height: 100px; padding-right: 10px; width: 100px; } #BrowseFamilies .item .thumb a { display: block; height: 100px; width: 100px; } #BrowseFamilies .item td { height: 100px; padding: 10px 0; vertical-align: middle; } #BrowseFamilies .item td.price { text-align: center; width: 110px; } #BrowseFamilies .item td.price div { border-left: 3px #ccc dotted; height: 45px; padding: 15px 5px 15px 15px; } #BrowseFamilies .item td.price h4 { color: #c86700; font-size: 14px; margin-bottom: 5px; } #BrowseFamilies .item td.thumb { text-align: center; width: 100px; } /* ******** END SEARCH PAGE ******** */ /* ******** 10. ORDER TRACKING PAGES ******** */ #OrderTracking p { margin-bottom: 10px; } table#TrackingInfo .tableheader, table#TrackProgress .tableheader { background: #f0f0f0; } table#TrackingInfo .tableheader th, table#TrackProgress .tableheader th { border-bottom: 1px #ccc solid; padding: 5px 0; } /* **** 10.1 ENTER ORDER INFO PAGE **** */ #OrderStatus { } #OrderStatus input.button { width: auto; } #OrderStatus input { margin-left: 5px; margin-right: 10px; width: 70px; } /* **** END ENTER ORDER INFO PAGE **** */ /* **** 10.2 PACKAGE TRACKING PAGE **** */ #PackageTrack {} #PackageTrack table { width: 519px; } table#OrderInfo th { width: 140px; } table#TrackingInfo { margin-bottom: 5px; } table#TrackingInfo td { border-bottom: 1px #ccc solid; height: 29px; padding: 3px 0 5px; vertical-align: middle; } table#TrackingInfo .details { text-align: right; width: 105px; } table#TrackingInfo .tracknum { width: 140px; } /* **** END PACKAGE TRACKING PAGE **** */ /* **** 10.3 PACKAGE DETAILS PAGE **** */ #PackageDetails h3 { color: #000; margin-bottom: 5px; } #PackageDetails h3 span { color: #c86700; } #PackageDetails h4 { color: #000; margin: 10px 0 5px; } #PackageDetails table { width: 100%; } #PackageDetails table .last th, #PackageDetails table .last td { border-bottom: 1px #ccc solid; } table#TrackInfo { border: 1px #ccc solid; border-width: 1px 0; } table#TrackInfo th { width: 130px; } table#TrackProgress { border: 1px #ccc solid; border-width: 1px 0; margin-bottom: 5px; } table#TrackProgress th.firstscan { border-top: 1px #ccc solid; font-weight: bold; } /* **** END PACKAGE DETAILS PAGE **** */ /* ******** END ORDER TRACKING PAGES ******** */ /* ******** ERROR PAGE ******** */ #errorPage { color: #000; margin: 0 auto 50px auto; padding-top: 50px; width: 400px; } #errorPage a:link, #errorPage a:visited { color: #000; } #errorPage a:hover, #errorPage a:focus, #errorPage a:active { color: #dd770b; } #errorPage a img { border: 0; } #errorPage .message { background: #f0f0f0; border: 1px #000 solid; height: 108px; padding: 10px; text-align: center; width: 378px; } /* ******** END ERROR PAGE ******** */