/* 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; } #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:0;} #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 black double; } #cartwrapper #cartcontents .cartremove { text-align:right;} #cartwrapper #cartcontents .submit input { } #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { text-align:right; border:1px #000 solid; padding-right:5px;} #cartwrapper #cartcontents #cart-subtotal td { border-top: 3px #000 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: #DEDED1; color:#000; } body { font: normal tahoma,arial,sans-serif; } /* General cart colors */ #cartwrapper { border-top:15px #FEFEFE solid; border-bottom:15px #FEFEFE solid; } #cartwrapper .header, #cartwrapper .footer { background:#FEFEFE; padding:5px; text-align:center;} #cartwrapper div.header, #cartwrapper div.footer { text-align:left;} p {background-image: url(../Banner2x.jpg);} #cartcontents { background:#FEFEFE; } /* General style classes on mulitple pages */ #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 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:#DEDED1;} #cartwrapper .update { font-weight:bold; background:#FEFEFE; color:#003;} #cartwrapper .notice { font-size:90%; font-weight:normal; font-style:italic; color: #C00;} #cartwrapper .details { font-size:90%; font-weight:normal; color: #003;} #cartwrapper .ctitle { font-weight:bold; color:#00008B; /* darkblue */ } #cartwrapper .csubtitle { color: #74748B; font-weight:bold;} #cartwrapper #paypalbutton { border:none; margin:10px; } #cartwrapper .requiredinfo { font-size:90%; font-weight:normal; color: #C00;} #cartwrapper .missinginfo { padding-right:15px;background: url('../images/alert.gif') no-repeat 100% 0; } #cartwrapper p.msgbox { margin: 0; padding:1em; background: #FEFEFE; border: 1px #559 inset;} #cartwrapper code { font-weight:bold; color: #00008B;} #cartwrapper li li { list-style:'lower-latin';} /* Colors for shopping cart item display */ #cartwrapper #cartcontents { border:1px #559 solid; border-collapse:collapse;} #cartwrapper #cartcontents .cartthumb { background:#DEDED1;} #cartwrapper #cartcontents .cartprice .itemtotal { border-color: #000; } /* Colors for shopping cart subtotal/total/etc display */ #cartwrapper #cartcontents .tlabel, #cartwrapper #cartcontents .amount { border-color: #000; } #cartwrapper #cartcontents .tlabel { background:#DCE7F0; 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:#FEFEF6; border: 7px #B1B1CE double; } #cartwrapper #billing-shipping-info .lefto { border-right: 1px #559 solid; } #cartwrapper #billing-shipping-info .right { border-left: 1px #559 solid; } #cartwrapper #billing-shipping-info fieldset.left input, #cartwrapper #billing-shipping-info fieldset.bsi select, #cartwrapper #billing-shipping-info fieldset.bsi textarea { background: #FEFEFE; } #cartwrapper #shippinginfo ul { padding-bottom:5px; margin-right:.5em; border-bottom: 1px #559 solid; } #cartwrapper #pickup li { margin: 5px 0 5px 3em;} #cartwrapper #pickup li input { margin-left:-2em;} #cartwrapper #pickup li span input { margin-left:0;}