body { margin: 5px 0; color: #64645B; font-family: Arial, Verdana, Helvetica, sans-serif; } /******************** BACKGROUNDS ********************/ .bg_home { background: #DAE6E2 url(images/bg1teal.gif) top center; /* teal */ } .bg_ourstory { background: #DEDEC0 url(images/bg2green.gif) top center; /* green */ } .bg_create { background: #E3D1D0 url(images/bg1berry.gif) top center; /* berry */ } .bg_browse { background: #DAE6E2 url(images/bg2teal.gif) top center; /* teal */ } .bg_QA { background: #DEDEC0 url(images/bg1green.gif) top center; /* green */ } .bg_contact { background: #E3D1D0 url(images/bg2berry.gif) top center; /* berry */ } h1, h2, p { margin: 20px; } h1 { color: #64645B; /* dark grey */ } h2 { font-size: 14pt; /* 110% */ font-weight: normal; color: #6A9D8C; /* teal */ } h3 { font-size: 14pt; /* 110% */ font-weight: normal; color: #7A7B03; /* olive green */ } ul { color: #6A9D8C; } p, li { font-size: 10pt; /* 80% */ line-height: 150%; color: #64645B; } .text-center { text-align: center; } .text-right { text-align: right; } a { color: #7A7B03; /* olive green */ } b { color: #7A7B03; /* olive green */ } .text_berry { color: #914842; } hr { margin: 0px 20px; border: 0px; border-bottom: 2px dotted #CCCCCC; height: 1px; background: #FFFFFF; color: #FFFFFF; } img { display: block; border: 0px; } .clear { clear: both; } #page { margin: 0px auto; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px 0px; background: #FFFFFF; color: #64645B; width: 1000px; text-align: left; } #header { margin: 10px 20px 5px 20px; width: 960px; background: url(images/headerbg.gif) no-repeat bottom right; } #logo { width: 290px; } #navigation { padding-bottom: 24px; } #navigation td { padding: 4px 10px; } #viewcart { text-align: right; padding-bottom: 24px; } #viewcart img { display: inline; } .body { width: 980px; margin-left: 20px; } .left_column { width: 280px; } .main_column { width: 700px; } /******************** HOMEPAGE STYLES ********************/ .main_options { margin: 10px; } .main_options img { margin: 0px 10px; } .stores_listing, .events_listing { clear: both; margin: 20px auto; padding: 60px 0 20px 0; width: 960px; } .stores_listing { background: url(images/bg-instores.gif) no-repeat top center; } .events_listing { background: url(images/bg-events.gif) no-repeat top center; } .listing { float: left; margin: 0px; padding: 15px 0 0 20px; width: 136px; /* 6 wide */ width: 168px; /* 5 wide */ text-transform: lowercase; } .listing p { margin: 0; } /******************** CONTACT PAGE STYLES ********************/ .contact_form td { font-size: 10pt; } fieldset { margin: 0px; padding: 0px; border: 0px; } input, textarea { border: 1px solid #666666; padding: 3px; } input, textarea, option { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; } .button { border: 2px dashed #6A9D8C; background: #FFFFFF; /* teal */ color: #6A9D8C; font-weight: bold; font-size: 8pt; } .button:hover { background: #BED4CC; /* teal */ } .imgbutton { margin: 0px; padding: 0px; border: 0px; } /******************** SHOPPING SECTION STYLES ********************/ #cart { padding: 20px; font-size: 10pt; } #cart table { } #cart_buttons .button { margin: 0px 10px; } #create-steps { margin: 10px auto; width: 960px; background: url(images/instoresbg.gif) no-repeat top center; } #create-steps table { margin: 10px; margin-bottom: 0px; } .create-step { width: 150px; height: 150px; border: 1px solid #CCCCCC; background: #F7F7F7; } #create-step-selected { border: 2px solid #ba8c89; } .create-math { font-size: 44pt; color: #CCCCCC; } .create-total { font-size: 28pt; color: #CCCCCC; } .stepnum { float: left; margin-right: 10px; } .step { float: left; width: 110px; font-size: 10pt; /* 80% */ } .step b { font-size: 14pt; /* 140% */ font-weight: normal; color: #6A9D8C; /* teal */ } .step i { font-style: normal; font-weight: bold; } .step-instructions { margin: 0px 20px 0px 20px; padding: 1px 0px; background: #dae6e2; } .step-instructions h2 { margin-top: 20px; } #skip-button { display: inline; margin: 20px; float: right; } #skip-button .button { font-size: 12pt; } .create-parts { clear: both; margin: 0px 20px; border: 2px dotted #CCCCCC; font-size: 10pt; } .create-parts h3 { margin: 0px; margin-bottom: 10px; } .create-parts p { margin: 10px 0px 0px 0px; text-align: center; } .create-parts table p { margin: 10px 0px; text-align: left; } .create-parts img { /*border: 1px solid #CCCCCC;*/ } /******************** FOOTER STYLES ********************/ .footer { clear: both; text-align: center; } #credit { margin: 10px 25px; text-align: right; font-size: 8pt; /* 70% */ color: #CCCCCC; } #credit a { color: #CCCCCC; text-decoration: none; } #credit a:hover { color: #64645B; text-decoration: underline; }