/* This stylesheet is split into two halves: layout (positioning, etc) and styles (colors, borders, etc) It took me quite a while to get the layouts working w/o tables, so I'd advise you not to change them unless you know what you are doing. Feel free to change the colors, borders, etc. Those are at the bottom of the stylesheet. Also take note of buttons.css in this directory. These specific styles apply to buttons/links/sumbit and are separate so we can link to them in wrapper.header. Otherwise non-image buttons won't style. */ @import "buttons.css"; /* button styling. Also import into gallery css */ @import "/gallery/css/base.css.default"; @import "/gallery/skins/black/css/screen.css"; /* Positioning Layouts. - I advise you not to change them unless you know what you are doing. */ html, body { margin:0;padding:0; text-align:center; border: 0;} #cartwrapper, #cancel-order { text-align:left; width:750px; margin:10px auto; margin-left:auto; margin-right:auto; clear:both;} /* General layout classes. Used in mulitple pages */ #cartwrapper h3 { text-align:center; } #cartwrapper .notice { text-align:left; white-space:normal; } /* fine print stuff */ #cartwrapper .update { text-align:center; clear:both;} /* update/delete/cart empty/etc notices */ #cartwrapper .continue-checkout-link { text-align:right; margin:0; padding:0;} #cartwrapper form { margin:0;padding:0; } /* Layout for pop-up nav */ #cartwrapper .nav { text-align:right; margin:0;padding:10px 0; } /* Layout for cart (show cart) */ #cartwrapper #cartcontents { text-align:left; width:100%; margin:10px auto; padding:0; background-color: #363636; margin-left:auto; margin-right:auto; border: 0;} #cartwrapper #cartcontents th { text-align:center;} #cartwrapper #cartcontents td { vertical-align:top; padding: 5px 0 0 5px;} #cartwrapper #cartcontents form { margin:0; padding:0;} #cartwrapper #cartcontents fieldset { border:none;} #cartwrapper #cartcontents .cartthumb { text-align:center; vertical-align:middle; padding:10px; color: #000;} #cartwrapper #cartcontents .cartitemdesc { background-color: #363636; } #cartwrapper #cartcontents .cartquantity { text-align: center; background-color: #363636;} #cartwrapper #cartcontents .cartquantity input.submit { margin-top: 10px; border: 0;} #cartwrapper #cartcontents .cartprice { text-align: right; font-size:90%;padding-right:5px; background-color: #363636;} #cartwrapper #cartcontents .cartprice .itemtotal { border-top: 3px black double; background-color: #363636;} #cartwrapper #cartcontents .cartremove { text-align:right; background-color: #363636;} #cartwrapper #cartcontents .submit input { border: 0; } #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { text-align:right; border: 0; padding-right:5px;} #cartwrapper #cartcontents #cart-subtotal td { padding-top: 15px; font-weight: normal;} /* Layout for checkout-Billing/Shipping info */ #cartwrapper #billing-shipping-info { text-align:left; clear:both; margin:10px 0; } #cartwrapper #billing-shipping-info .bsi { margin:10px 0; padding: 10px 0; } #cartwrapper #billing-shipping-info .bsi-submit { border:none; text-align:right; } #cartwrapper #billing-shipping-info .left { float:left; width:47%; margin:10px 0 10px 0; padding:0;} #cartwrapper #billing-shipping-info .right { width:47%; margin:30px 0; padding:0; padding-left:2%;} #cartwrapper #billing-shipping-info ul { list-style:none; margin:0;padding:0;} #cartwrapper #billing-shipping-info .left fieldset label { float:left; width:7em; margin-right:3px;} #cartwrapper #billing-shipping-info fieldset fieldset { border:none; padding: .5em; padding-right:0;} #cartwrapper #billing-shipping-info textarea { width: 100%; } #cartwrapper #billing-shipping-info fieldset.topfield { margin-top:1em; } #cartwrapper #billing-shipping-info fieldset.bottomfield { margin-bottom:1em; } /************************************ Color styles. -feel free to change anything below this line to match your site. */ html, body { background: #242424; color:#fefefe; } body { font: normal tahoma,arial,sans-serif; } /* General cart colors */ #cartwrapper { border-top:5px #eee solid; border-bottom:5px #eee solid; } #cartwrapper .header, #cartwrapper .footer { background:#000; padding:5px; text-align:center;} #cartwrapper div.header, #cartwrapper div.footer { text-align:left;} #cartcontents { background:#FEFEFF; } /* General style classes on mulitple pages */ #cartwrapper a img { border:none; } #cartwrapper a:link img { border:none; } #cartwrapper .odd, #cartwrapper .even, #cartwrapper .odd td, #cartwrapper .even td { border-top:1px #555 solid; } #cartwrapper .odd {background:#FEFEFE;} #cartwrapper .even {background:#000;} #cartwrapper .update { font-weight:bold; background:#FEFEFE; color:#003;} #cartwrapper .notice { font-size:90%; font-weight:normal; font-style:italic; color: #f99;} #cartwrapper .details { font-size:90%; font-weight:normal; color: #003;} #cartwrapper .ctitle { font-weight:bold; color:#fefefe; /* #eee */ } #cartwrapper .csubtitle { color: #74748B; font-weight:bold;} #cartwrapper #paypalbutton { border:none; margin:10px; } #cartwrapper .requiredinfo { margin-left: 5px; font-size:120%; font-weight:normal; color: #C00;} #cartwrapper .missinginfo { padding-right:15px;background: url(../images/alert.gif) 100% 0 no-repeat; } #cartwrapper p.msgbox { margin: 0; padding:1em; background: #FEFEF9; border: 1px #f55 inset; color: black;} #cartwrapper code { font-weight:bold; color: #fefefe;} #cartwrapper li li { list-style:'lower-latin';} /* Colors for shopping cart item display */ #cartwrapper #cartcontents { border:0; border-collapse:collapse;} #cartwrapper #cartcontents .cartthumb { background:#DEDED1;} #cartwrapper #cartcontents .cartprice .itemtotal { border-color: #fefefe; } /* Colors for shopping cart subtotal/total/etc display */ #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { font-weight:bold; } #cartwrapper #cartcontents .tlabel { background:#000; font-weight:bold; } #cartwrapper #cartcontents #shipping-rates { font-size:85%; border-collapse:collapse; border:none;} #cartwrapper #cartcontents #shipping-rates td { border:none;margin:0;padding:0 10px;} /* Colors for checkout-Billing/Shipping info */ #cartwrapper #billing-shipping-info legend { font-weight:bold; font-size: 110%; } /* main legend */ #cartwrapper #billing-shipping-info fieldset fieldset legend { font-weight:bold; font-size: 100%; margin:0;padding:0;margin-top:1em;} /* other legend */ #cartwrapper #billing-shipping-info .bsi { background:#363636; border: 7px #B1B1CE single; } #cartwrapper #billing-shipping-info .left { border-right: 1px #f55 solid; } #cartwrapper #billing-shipping-info fieldset.left input, #cartwrapper #billing-shipping-info fieldset.bsi select, #cartwrapper #billing-shipping-info fieldset.bsi textarea { background: #DEDED1; } #cartwrapper #shippinginfo ul { padding-bottom:5px; margin-right:.5em; } #cartwrapper #pickup li { margin: 5px 0 5px 5px;} #cartwrapper #pickup li input { margin-left:-2em;} #cartwrapper #pickup li span input { margin-left:0;}