/* 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 */ /* 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; }*/ html, body { margin:0;padding: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; margin-left:auto; margin-right:auto; } #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:3;} #cartwrapper #cartcontents .cartitemdesc { } #cartwrapper #cartcontents .cartquantity { text-align: center; } #cartwrapper #cartcontents .cartquantity input.submit { margin-top: 10px;} #cartwrapper #cartcontents .cartprice { text-align: right; font-size:90%;padding-right:5px;} #cartwrapper #cartcontents .cartprice .itemtotal { border-top: 3px #666666 double; } #cartwrapper #cartcontents .cartremove { text-align:right;} #cartwrapper #cartcontents .submit input { } #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { text-align:right; border:1px #666666 solid; padding-right:5px;} #cartwrapper #cartcontents #cart-subtotal td { border-top: 3px #666666 double; } /* 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: #000000; color:#ffffcc; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 12px; } /* General cart colors */ #cartwrapper { border-top:15px #333333 solid; border-bottom:15px #333333 solid; } #cartwrapper .header, #cartwrapper .footer { background:#000000; padding:5px; text-align:center;} #cartwrapper div.header, #cartwrapper div.footer { text-align:left;} #cartcontents { background:#000000; } /* General style classes on mulitple pages */ /*XXX #cartwrapper a, #cartwrapper a:link, #cartwrapper a:visited { color:#33C; text-decoration:underline; } #cartwrapper a:active, #cartwrapper a:hover { color:#CC5; text-decoration:underline; } */ #cartwrapper a { color:#ffffcc; text-decoration:none; } #cartwrapper a:link { color:#ffffcc; text-decoration:none; } #cartwrapper a:visited { color:#ffffcc; text-decoration:none; } #cartwrapper a:active { color:#ffffcc; } #cartwrapper a:hover { color:#e91414; } a { color:#ffffcc; text-decoration:none; } a:link { color:#ffffcc; text-decoration:none; } a:visited { color:#ffffcc; text-decoration:none; } a:active { color:#ffffcc; } a:hover { color:#e91414; } #cartwrapper a img { border:none; } #cartwrapper a:link img { border:none; } /* #cartwrapper .odd, #cartwrapper .even, */ #cartwrapper .odd td { border:1px #666666 solid; } #cartwrapper .even td { border:1px #666666 solid; } #cartwrapper .odd {background:#000000;} #cartwrapper .even {background:#333333;} #cartwrapper .update { font-weight:bold; background:#000000; color:#ffffcc;} #cartwrapper .notice { font-size:90%; font-weight:normal; font-style:italic; color: #ffffcc;} #cartwrapper .details { font-size:90%; font-weight:normal; color: #ffffcc;} #cartwrapper .ctitle { font-weight:bold; color:#747488; /* darkblue */ } #cartwrapper .csubtitle { color: #74748B; font-weight:bold;} #cartwrapper #paypalbutton { border:none; margin:10px; } #cartwrapper .requiredinfo { font-size:90%; font-weight:normal; color: #ffffcc;} #cartwrapper .missinginfo { padding-right:15px;background: url(../images/alert.gif) 100% 0 no-repeat; } #cartwrapper p.msgbox { margin: 0; padding:1em; background: #999999; border: 1px #666666 inset;} #cartwrapper code { font-weight:bold; color: #999999;} #cartwrapper li li { list-style:'lower-latin';} /* Colors for shopping cart item display */ #cartwrapper #cartcontents { border:1px #666666 solid; border-collapse:collapse;} #cartwrapper #cartcontents .cartthumb { background:#000000;} #cartwrapper #cartcontents .cartprice .itemtotal { border-color: #666666; } /* Colors for shopping cart subtotal/total/etc display */ #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { border-color: #666666; } #cartwrapper #cartcontents .tlabel { background:#000000; 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:#000000; border: 3px #666666 double; } #cartwrapper #billing-shipping-info .lefto { border-right: 1px #666666 solid; } #cartwrapper #billing-shipping-info .right { border-left: 1px #666666 solid; } #cartwrapper #billing-shipping-info fieldset.left input, #cartwrapper #billing-shipping-info fieldset.bsi select, #cartwrapper #billing-shipping-info fieldset.bsi textarea { background: #999999; } #cartwrapper #shippinginfo ul { padding-bottom:5px; margin-right:.5em; border-bottom: 1px #666666 solid; } #cartwrapper #pickup li { margin: 5px 0 5px 3em;} #cartwrapper #pickup li input { margin-left:-2em;} #cartwrapper #pickup li span input { margin-left:0;}