/* ( template update 15 Dec 2007 // v1.2 ) /* CSS StyleSheet */ /* global ----------------------------------------- */ *{margin:0; padding:0; } a{ text-decoration: none; outline: none; } a img{ border: 0; } h2{ font-size: 1.1em; } html, body{ margin:0!important; padding:0!important; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; } body{background: #97c42a url("../images/bg-page.gif") repeat-x top; padding: 60px 0!important; } #page-container{ width: 804px; margin: 0 auto; background: url("../images/bg_container.gif") no-repeat top center; padding: 14px 14px 11px 13px; } #header{ width: 802px; float: left; height: 71px; border: 1px solid #dfefad; border-bottom: 0; background: url("../images/bg-header.gif") repeat-x top; } #logo{ float: left; } #logo a{ width: 173px; height: 71px; text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; } #navigator{ width: 806px; margin: -1px -2px 0 0; background: url("../images/bg_nav.gif") no-repeat center center; height: 35px; float: left; position: relative; left: -1px; } #content{ width: 100%; float: left; } #text{ width: 596px; float: left; } #sidebar{ width: 195px; float: right; } #greenband{ width: 784px; float: left; background: #639107; color: #fff; margin-top: 5px; padding: 5px 10px; } #footer{ width: 804px; float: left; height: 64px; background: url("../images/bg_footer.gif") repeat-x bottom; border: 1px solid #dfefad; margin-top: 5px; } #subfooter{ width: 804px; padding: 11px 14px 11px 13px; margin: 0 auto 10px; text-align: center; background: url("../images/bg_footer2.gif") no-repeat top center; } /* header & navigation ----------------------------------------- */ #navigator li{ display: block; list-style: none; float: left; padding: 4px 10px 4px 7px; background: url("../images/menu_separator.gif") no-repeat right center; margin-top: 6px; position: relative; left: 10px; } #navigator li a{ color: #5b8d0f; font: 11px Verdana, sans-serif; text-transform: uppercase; } #navigator li#live-chat{ float: right; padding: 0; background: none; margin: 0; position: relative; top: 7px; left: -22px; } #navigator li#live-chat a{ display: block; width: 126px; height: 20px; background: url("../images/btn_live-chat.gif") no-repeat; text-indent: -9999px; } #header ul{ float: right; padding: 20px 32px 0 0; font-size: .9em; } #header li{ display: block; list-style: none; float: left; border-right: 1px solid #648400; padding: 0 13px; } #header li.last{border: 0;} #header li a{ font-weight: bold; color: #648400; text-decoration: underline; } #header li a.on{ color: #000; text-decoration: none; } #header form{ float: right; clear: right; padding: 4px 10px 0 0; } #header form *{ float: left; } #header form .text{ background: url("../images/input_occasion.gif") no-repeat left top; width: 190px; height: 17px; padding: 6px 0 0 5px; border: 0; margin-right: 7px; } #header form select{ width: 175px; margin-right: 7px; } /* content ----------------------------------------- */ #text .box{ background: url("../images/bigbox_bottom.gif") no-repeat bottom left; padding-bottom: 12px; margin: 5px 0; } #text .box .t{ background: url("../images/bigbox_top1.gif") no-repeat top left; padding-top: 5px; } #text .box .t2{ background: url("../images/bigbox_top2.gif") no-repeat top left; padding-top: 15px; } #text .box .c{ margin: 0; border: 1px solid #d6d6d6; border-top: 0; border-bottom: 0; padding: 0 10px; } #text .box h1{ font: 24px "Trebuchet MS", sans-serif; letter-spacing: -1px; color: #7c7c7c; } #text a{ text-decoration: underline; color: #77a61d; } #text .prodlist{ padding: 0; background: url("../images/gray_pixel.gif") repeat-x center; } #text .prodlist li{ display: block; float: left; width: 176px; padding: 25px 7px; background: url("../images/prod_separator.gif") no-repeat 100% 30px; text-align: center; } #text .prodlist li.row-end{ background: none; } #text .prodlist big{ color: #990100; display: block; text-align: right;} #text .prodlist div{ width: 100%; float: left; margin: 10px 0 0; } #text .prodlist li div a{ float: right; margin-left: 5px; } #text .prodlist li h2{ font-size: 1.3em; color: #7a7979; font-weight: normal; text-align: center; } #text ul.one-row{ background: none; } /* sidebar(s) ----------------------------------------- */ #sidebar .box{ background: url("../images/smallbox_bottom.gif") no-repeat bottom left; padding-bottom: 12px; margin: 5px 0; } #sidebar .box .t{ background: url("../images/smallbox_top.gif") no-repeat top left; padding-top: 5px; } #sidebar .box .c{ margin: 0; border: 1px solid #d6d6d6; border-top: 0; border-bottom: 0; padding: 0 10px; } #sidebar .box h1{ color: #fff; width: 175px; margin: 0 -11px; padding: 9px 10px; background: url("../images/bg_heading-sidebar.gif") no-repeat top left; font-size: 1.1em; font-weight: normal; position: relative; z-index: 1; } #sidebar .prodlist{ margin: 10px 0; } #sidebar .prodlist li{ display: block; float: left; width: 155px; text-align: center; padding: 5px 8px; } #sidebar .prodlist li div{ border-top: 1px solid #c7c6c5; width: 100%; float: left; padding: 5px 0; } #sidebar .prodlist li div a.btn-buy-now{ float: left; } #sidebar .prodlist li div a{ color: #959595; text-decoration: underline; } #sidebar .prodlist li h2{ font-size: 1em; font-weight: normal; } #sidebar .prodlist li big{ color: #990100; display: block; } .box .band{ background: url("../images/box_band.gif") repeat-x bottom; border: 1px solid #d6d6d6; margin: 0 -11px; padding: 6px 10px; color: #959595; } .box .band .scroll-up, .box .band .scroll-down{ float: right; color: #959595; text-decoration: underline; } /* forms ----------------------------------------- */ .page-order form{ padding: 1px 0; } .page-order form label{ display: block; float: left; font-size: 1.1em; width: 375px; position: relative; left: 30px; margin: 4px 0; } .page-order form label small{ color: #999; font-size: .9em; } .page-order form label span, .page-order form label input{ float: left; } .page-order form label span{ width: 100px; margin-right: 10px; display: block; } .page-order form label input{ width: 115px; margin-right: 10px; } .page-order form .fieldset{ padding: 35px 0 20px 0; width: 462px; border: 0; } .page-order form .fieldset h2{ margin: 0 0 35px 0; width: 100%; height: 25px; text-indent: -9999px; } .page-order form .submit{ width: 375px; margin: 10px auto; clear: both; text-align: right; } .page-order form .submit input{ position: relative; top: -20px; } .page-order form .notice{ color: #a5b410; text-align: center; margin: 40px auto 0; } .page-order form .passforget{ width: 200px; text-align: right; position: relative; left: 60px; margin: 5px 0; } #section-new-custommers{ background: url("../images/orderhdr_new-customers.gif") no-repeat left center; } #section-returning-clients{ background: url("../images/orderhdr_returning_customer.gif") no-repeat left center; } #section-pay-method{ background: url("../images/orderhdr_pay-method.gif") no-repeat left center; } #section-create-account{ background: url("../images/orderhdr_pay-method.gif") no-repeat left center; } /* billing and recipient info forms */ form.billing{ padding: 30px 0; } form.billing label{ left: 0; width: auto; font-size: 1em; margin: 10px 0; } form.billing label *{ font-size: 1em; } form.billing label textarea{ width: 350px; } form.billing label span{ width: 75px; margin-right: 5px; text-align: right; } form.billing label.half{ width: 195px; margin-right: 10px; } form.billing label.half input,form.billing label.half select{ width: 105px; margin: 0; } form.billing .label-address input{ width: 350px; float: none; margin: -13px 0 17px 80px; } form.billing .label-city input, form.billing .label-state select{ width: 90px; } form.billing .label-zip input{ width: 60px; } form.billing .label-state span, form.billing .label-zip span{ width: 40px; } form.billing .label-notes input{ width: 350px; } form.billing h3{ font-weight: normal; margin-top: 30px; position: relative; left: 80px; float: left; font-size: 1em; width: 100%; } form.billing .optional{ margin-bottom: -5px; font-style: italic; } form.billing p.label{ margin: 5px 0; width: 350px; float: left; position: relative; left: 80px; } form.billing .label-card, form.billing .label-card input{ width: auto; } form.billing .label-card{ margin:0 20px 0 0; } form.billing .label-card input{ margin-right: 5px; } #content form.billing .label-securitycode a{ color: #3897d3; text-decoration: none; margin-left: 10px; } /* footer ----------------------------------------- */ #greenband form{ float: left; font-weight: bold; } #greenband form *{ float: left; } #greenband form label{ float: left; } #greenband label input{ float: none; font-weight: normal; font-size: 1em; color: #4a6f00; background: #fff; border: 1px solid; padding: 1px 3px; margin: 0 3px; } #greenband a{ color: #fff; float: right; text-decoration: underline; text-transform: uppercase; padding-right: 15px; position: relative; top: 2px; left: -10px; } #footer ul{ display: block; width: 425px; margin: 15px auto 0; text-align: center; color: #648400; font-size: .9em; line-height: 1.6em; } #footer ul li{ display: inline; border-right: 1px solid; padding: 0 5px; } #footer ul li.last{ border:0; } #footer ul li a{ color: #648400; text-decoration: underline; text-transform: uppercase; } #subfooter a{ color: #000; text-transform: uppercase; } /*____________________________________________*/ /* clearfix ----------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .h100{ height: 100px } .h190{ height: 190px; } .btn-buy-now{ background: url("../images/btn_buy-now.gif") no-repeat; display: block; width: 65px; height: 19px; text-indent: -9999px; } .btn-details{ background: url("../images/btn_details.gif") no-repeat; display: block; width: 54px; height: 19px; text-indent: -9999px; } .btn-view-details{ background: url("../images/btn_view-details.gif") no-repeat; display: block; width: 87px; height: 19px; text-indent: -9999px; } .btn-sign-up-now{ background: url("../images/btn_sign-up-now.gif") no-repeat; display: block; width: 87px; height: 19px; text-indent: -9999px; } .btn-try-now{ background: url("../images/btn_try-now.gif") no-repeat; display: block; width: 65px; height: 19px; text-indent: -9999px; } .btn-continue-shopping{ background: url("../images/btn_continue-shopping.gif") no-repeat; display: block; width: 140px; height: 21px; text-indent: -9999px; } .btn-next{ background: url("../images/btn_next.gif") no-repeat left top; display: block; width: 107px; height: 34px; text-indent: -9999px; } .btn-select{ background: url("../images/btn-select.gif") no-repeat left top; display: block; width: 65px; height: 19px; text-indent: -9999px; } .scroll-up{ background: url("../images/arrow_top.gif") no-repeat right center; padding-right: 14px; } .scroll-down{ background: url("../images/arrow_down.gif") no-repeat right center; padding-right: 14px; } /* site-wide classes ----------------------------------------- */ .clear{ clear: both; } .b{ font-weight: bold; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; } .fl{ float: left; } .fr{ float: right; } .r{ text-align: right; } /*________________________________PAGES_______*/ /* PAGE: home ( ) ----------------------------------------- */ #homepage-welcome{ width: 216px; height: 205px; padding: 65px 30px 0 350px; background: url("../images/homepage_special.jpg") no-repeat left top; margin: 5px 0 0; } #homepage-welcome h1,#homepage-welcome h2{ display: none; } #homepage-welcome p{ font-size: 1.3em; color: #7a7979; margin-bottom: 15px; width: 100%; float: right; clear: both; text-align: right; } #homepage-welcome p a{ text-align: left;} #specials{ padding: 10px 0 0; } #specials li{ display: block; list-style: none; float: left; width: 190px; border-right: 1px solid #c5c5c5; height: 153px; } #specials .last-in-row{ border: 0; } #specials li h2{ width: 183px; margin: 0 auto; text-indent: -9999px; } #specials li p{ margin: 4px 10px; } #special-6months h2{ background: url("../images/hdr_6months.jpg"); height: 114px; } #special-6months p{ color: #597e00; font-size: 1.3em; } #special-6months small{ display: block; } #special-6months a{ position: relative; top: 8px; } #special-newsletter h2{ background: url("../images/hdr_sign-up-newsletter.gif"); height: 62px; } #specials #special-newsletter p{ width: 130px; text-align: center; color: #626161; font-size: 1.3em; margin: 4px auto; } #special-newsletter p a{ margin: 0 auto; } #special-free-ecards h2{ background: url("../images/hdr_free-ecards.jpg"); height: 119px; } #special-free-ecards p a{ margin: 0 auto; } /*________________________________PAGES_______*/ /* PAGE: order ( #text.page-order ) ----------------------------------------- */ .page-order #sidebar{ width: 317px; float: left; } .page-order #text{ width: 481px; float: right; } #sidebar .graybox{ background: url("../images/graybox_bottom.gif") no-repeat left bottom; padding-bottom: 7px; margin: 5px 0 0; } #sidebar .graybox .c{ background: #ededed; border: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 10px; } #sidebar .graybox .total{ border-top: 1px solid #ccc; margin-top: 2px; padding-top: 2px; } #hdr-shopping-cart{ background: url("../images/hdr_shopping-cart.gif") no-repeat left top; width: 317px; height: 29px; text-indent: -9999px; font-size: 1px; } #sidebar .graybox p.special{ margin-top: -15px; height: 15px; font-size: 1em; margin-right: 10px; } #sidebar .graybox .prodlist{ margin: 10px -11px; background: #fff; border: 1px solid #ccc; width: 315px; } #sidebar .graybox .prodlist li{ display: block; float: none; padding: 10px; width: 295px; color: #666666; text-align: left; } #content #sidebar .graybox h2{ font-size: 1.3em; font-weight: normal; margin: 10px 0; } #sidebar .graybox h3{ font-size: 1.5em; font-weight: normal; } #sidebar .graybox h4{ font-size: 1.1em; color: #666666; } #sidebar .graybox .prodlist ul{ display: block; width: auto; margin: 0; padding: 0; border: 0; margin: 5px 0 15px 20px; } #sidebar .graybox .prodlist ul li{ display: list-item; width: auto; margin: 0; padding: 0; border: 0; list-style: disc; } #sidebar .graybox .prodlist li div{ width: 140px; float: right; border: 0; } #sidebar .graybox .prodlist li a.img{ float: left; display: block; } #sidebar .graybox .prodlist li a img{ border: 1px solid #ccc; } #sidebar .graybox .prodlist li dd, #sidebar .graybox .prodlist li dt{ float: left; } #sidebar .graybox .prodlist li dt{ width: 100px; clear: left; } #sidebar .graybox .prodlist li dd{ width: 40px; text-align: right;} #sidebar .graybox .prodlist li .desc{ color: #000; margin: 15px 0; float: left; width: 100%; } .page-order .pagetitle{ font-size: 1.5em; font-weight: normal; clear: both; text-align: center; margin: 4px auto -6px; } #order-steps{ margin-top: 5px; width: 481px; height: 31px; } .page-order .order-step1{ background: url("../images/ordermenu_step1.gif") no-repeat left top; } .page-order .order-step2{ background: url("../images/ordermenu_step2.gif") no-repeat left top; } .page-order .order-step3{ background: url("../images/ordermenu_step3.gif") no-repeat left top; } .page-order .order-step4{ background: url("../images/ordermenu_step4.gif") no-repeat left top; } .page-order .order-step5{ background: url("../images/ordermenu_step5.gif") no-repeat left top; } #order-steps li{ display: none; } .greenbox{ background: url("../images/greenbox_b.gif") no-repeat left bottom; padding-bottom: 6px; } .greenbox .c{ border: 1px solid #91be27; border-top: 0; border-bottom: 0; padding: 0 8px; } .greenbox .t{ background: url("../images/greenbox_top.gif") no-repeat left top; padding-top: 4px; } #orderhdr-step1{ background: url("../images/order_step1.gif") no-repeat left bottom; width: 100%; height: 32px; text-indent: -9999px; } #orderhdr-step2{ background: url("../images/order_step2.gif") no-repeat left bottom; width: 100%; height: 36px; text-indent: -9999px; margin-top: -3px; } #orderhdr-step3{ background: url("../images/order_step3.gif") no-repeat left bottom; width: 100%; height: 31px; text-indent: -9999px; } #orderhdr-step4{ background: url("../images/order_step4.gif") no-repeat left bottom; width: 100%; height: 33px; text-indent: -9999px; } #orderhdr-step5{ background: url("../images/order_step5.gif") no-repeat left bottom; width: 100%; height: 32px; text-indent: -9999px; } #orderhdr-step6{ background: url("../images/order_step6.gif") no-repeat left bottom; width: 100%; height: 33px; text-indent: -9999px; } .page-order .footnote{ width: 315px; text-align: center; margin: 10px auto; color: #666; } .giftlist{ padding: 15px 0; width: 456px; margin: 0 auto; } .giftlist li{ display: block; list-style: none; float: left; width: 142px; padding: 0 5px 10px; } .giftlist li a{ display: block; text-align: center; } .giftlist li a img{ border: 1px solid #b2b2b2; } .giftlist p{ text-align: center; font-size: 1.3em; color: #666; } .giftlist p a.btn-buy-now{ margin: 0 auto; } .order-confirmation{ text-align: center; margin: 0 30px; padding: 10px 0; } .order-confirmation p{ margin: 10px 0; } .order-confirmation .order-code{ font-size: 2.3em; } .order-confirmation .listing{ margin: 10px auto; width: 160px;text-align: right; } .order-confirmation .listing p{ margin: 0; } .order-confirmation .listing p.total{ border-top: 1px solid #ccc; } #text .order-confirmation .prodlist{ border-top: 1px solid #ccc; background: none; } #text .order-confirmation .prodlist li{ display: block; list-style: none; width: 100%; border: 0; padding: 0; margin: 0; } #text .order-confirmation .prodlist li h2{ font-size: 1.3em ; color: #000; font-weight: bold; } #text .pagetitle-special{ margin: 10px 0; } /* PAGE: reminder ( #content.page-reminder-service ) ----------------------------------------- */ .box3{ background: url("../images/bigbox_bottom3.gif") no-repeat bottom left; padding-bottom: 7px; margin: 5px 0; } .box3 .t{ background: url("../images/bigbox_top3.gif") no-repeat top left; padding-top: 4px; } .box3 .c{ margin: 0; border: 1px solid #d6d6d6; border-top: 0; border-bottom: 0; padding: 1px 10px; } .page-reminder-service #left{ float: left; width: 407px; } .page-reminder-service #reminder-current{ float: right; width: 386px; } #reminder-current{ background: url("../images/graybox_bottom2.gif") no-repeat bottom left; padding-bottom: 6px; margin: 5px 0; } #reminder-current .t{ background: url("../images/graybox_top2.gif") no-repeat top left; padding-top: 4px; } #reminder-current .c{ margin: 0; border: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 1px 0; background: #ededed; height: 610px; } #hdr-reminder-service{ background: url("../images/hdr_reminder-service.gif") no-repeat left center; height: 15px; font-size: 10px; text-indent: -9999px;margin-top: 25px; } #hdr-current-reminders{ background: url("../images/hdr_current-reminders.gif") no-repeat left center; height: 17px; font-size: 10px; text-indent: -9999px; margin: 10px; } #reminder-service form p{ width: 100%; float: left; margin: 5px 0; } #reminder-service form .submit{ width: 100%; float: left; margin: 10px 0 5px; text-align: right; } #reminder-service form p span{ display: block; float: left; width: 140px; text-align: right; margin-right: 10px; } #reminder-service form p input,#reminder-service form p select{ float: left; width: 150px } #reminder-service form p label input,#reminder-service form p label select{ float: none; width: 70px; } #reminder-calendar table{ width: 100%; border-collapse: collapse; border: 2px solid #fff; font-size: .9em; } #reminder-calendar table th{ font-weight: normal; } #reminder-calendar table td{ border-top: 1px solid #ccc; border-right: 1px solid #ccc; height: 52px; width: 52px; text-align: right; vertical-align: top; padding: 0 3px; } #reminder-calendar table td.day-green{ background: #62a600; } #reminder-calendar table td.day-yellow{ background: #d4e100; } #reminder-calendar table td.day-gray{ background: #a9a9a9; } #reminder-calendar table td.future{ color: #ccc; } #reminder-calendar h2{ text-align: center; margin: 10px 0; } #reminder-current ul{ margin: 0 1px; } #reminder-current ul li{ display: block; float: left; width: 100%; list-style: none; position: relative; background: #fff; } #reminder-current ul li h2{ height: 23px; font-size: 1.3em; background: url("../images/box_band.gif") repeat-x top left; color:#690; border: 1px solid #d8d8d8; border-left: 0; border-right: 0; padding: 5px 0 0 10px; } #reminder-current dl{ margin: 5px 0 25px; float: left; width: 360px; position: relative; left: 11px; } #reminder-current dl dt, #reminder-current dl dd{ float: left; width: 120px; } #reminder-current dl .notes{ width: 100%; } #reminder-current dl dt.notes{ margin-top: 10px; } #reminder-current dl dt{ color:#999;} #reminder-current dl dd{ color:#333; font-weight: bold;} #reminder-current dl dd.notes{ color:#333; font-weight: normal;} #reminder-current a.show-hide{ position: absolute; bottom: 6px; right: 0; color: #669933; border-bottom: 2px solid #d6e2c9; background: url("../images/greenarrow_down.gif") no-repeat left center; padding-left: 12px; cursor: pointer; } #reminder-current a.hide{ background-image: url("../images/greenarrow_up.gif"); } .select-list{ padding: 2px 0 15px 0; } .select-list li{ float: left; display: block; list-style:none; width: 152px; text-align: center; border: 1px solid #fff; padding: 5px 0; } .select-list li h2{ color: #666666; font-weight: normal; font-size: 1.3em; } .select-list li img{ width:140px; } .select-list li strong{ color: #000; font-size: 1.3em; display: block; } .select-list li .btn-select{ margin: 4px auto; } .select-list li.on .btn-select{ visibility: hidden; } .select-list li.on{ border-color: #bcbd88; background: #eaec9c; } .select-list li.on img{ border: 1px solid #a9a9a4; } #order-step2 label{ float: left; padding: 0px 16px 33px; } #order-step2 label img{ position: relative; top: 10px; left: 7px; } #order-step2 .fad{ float: right; background: #eaec9c; padding: 10px; color: #000; position: relative; right: 20px; top: 15px; } .page-order .add-to-cart{ padding: 5px; font-size: 1.5em; color: #7c7c7c; } .page-order .add-to-cart p{ float: right; } #hdr-add-to-cart{ background: url("../images/hdr_add-to-card.gif") no-repeat left center; height: 20px; width: 120px; text-indent: -9999px; font-size: 1px; float: left; } #hdr-add-to-cart, .page-order .add-to-cart a{ position: relative; top: 12px; } .product-info{ background: #e9e9e9; border: 1px solid #d0cfcf; height: 525px; padding: 7px; margin: 5px 0; } .product-info img{ border: 1px solid #cecece; } .product-info ul{ margin: 10px 0 10px 35px; } #hdr-item-info{ background: url("../images/hdr_item-description.gif") no-repeat left top; text-indent: -9999px; height: 20px; font-size: 1em; margin: 10px 0; } .simple-form{ padding: 10px; } .simple-form p{ margin: .75em 0; } .simple-form p.label, .simple-form h2{ margin-bottom: 1.75em; } .simple-form p.label{ padding-left: 1em; } .simple-form .submit{ margin-top: 1.5em; } /** page-contact */ .page-contact #left{ float: left; width: 407px; padding-top: 1em; padding-left: 10px; } .page-contact #right{ float: right; width: 350px; padding-top: 1em; padding-right: 10px; } .page-contact h2{ text-indent: -9999px; height: 13px; margin: 2em 0 .2em; } .page-contact .faq h2{ text-indent: 0; height: auto; margin: 0; } #hdr-contact1{ background: url("../images/hdr_contact1.gif") no-repeat left center; } #hdr-contact2{ background: url("../images/hdr_contact2.gif") no-repeat left center; } #hdr-contact3{ background: url("../images/hdr_contact3.gif") no-repeat left center; } #hdr-faq{ background: url("../images/hdr_faq.gif") no-repeat left center; } #hdr-contacting{ background: url("../images/hdr_contacting-rose911.gif") no-repeat left center; height: 18px; text-indent: -9999px; margin-top: 1em; margin-left: 10px; } #contact-form form p{ width: 100%; float: left; margin: 5px 0; } #contact-form form .submit{ width: 100%; float: left; margin: 10px 0 5px; text-align: right; } #contact-form form p span{ display: block; float: left; width: 140px; text-align: right; margin-right: 10px; } #contact-form form p small{ color: #999; font-size: 1em ; padding-left: 5px; } #contact-form form p input,#contact-form form p select{ float: left; width: 150px } #contact-form form p label input,#contact-form form p label select{ float: none; width: 70px; } #contact-form textarea{ margin-left: 80px; } .green{ color: #639107; } .center{ text-align: center; } .page-contact a{ color: #639107; text-decoration: underline; } .page-contact ul{ margin: 1em; } .page-contact ul li{ list-style: none; background: url("../images/bullet2.gif") no-repeat 0 6px; padding-left: 10px; margin: 1em 0; } .page-contact ul.faq li{ background-image: url("../images/bullet1.gif"); margin: .2em 0; } .page-contact ul.faq h2{ font-size: 1em; font-weight: normal; } .page-contact ul.faq p{ margin: .2em 0 1em; }