* { margin: 0px; padding: 0px; } img { border: none; } /*-----------------------------------------------------------------*/ /*----------------- STYLES BOXES ----------------------------------*/ /*-----------------------------------------------------------------*/ /*--- COMMON STYLES -----------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .boxHeader { color: #FFFFFF; font-size: 12px; text-transform: uppercase; font-weight: bold; } .box .boxHeaderLeft, .box .boxHeaderLeftC { background-repeat: no-repeat; width: 13px; height: 23px; } .box .boxHeaderCenter, .box .boxHeaderCenterC { background-repeat: repeat-x; height: 23px; } .box .boxHeaderRight, .box .boxHeaderRightC { background-repeat: no-repeat; width: 13px; height: 23px; } /*--- content -----------------------------------------------------*/ .box .boxContent, { color: #000000; font-size: 12px; padding-top: 10px; } .box .boxContentLeft, .box .boxContentLeftF { background-repeat: repeat-y; width: 13px; } .box .boxContentCenter, .box .boxContentCenterF { background-color: #FFFFFF; padding-top: 7px; } .box .boxContentRight, .box .boxContentRightF { background-repeat: repeat-y; width: 13px; } /*--- footer ------------------------------------------------------*/ .box .boxFooter { color: #000000; font-size: 12px; } .box .boxFooterLeft, .box .boxFooterLeftF { background-repeat: no-repeat; width: 13px; height: 11px; line-height: 11px; } .box .boxFooterCenter, .box .boxFooterCenterF { background-repeat: repeat-x; height: 11px; line-height: 11px; } .box .boxFooterRight, .box .boxFooterRightF { background-repeat: no-repeat; width: 13px; height: 11px; line-height: 11px; } /*-----------------------------------------------------------------*/ /*--- DEFAULT BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .default .boxHeader { } .box .default .highlightText { color: #4C4545; font-weight: bold; } .box .default .boxHeaderLeft { background-image: url(default/box_header_left.gif); } .box .default .boxHeaderCenter { background-image: url(default/box_header_bg.gif); } .box .default .boxHeaderRight { background-image: url(default/box_header_right.gif); } .box .default .boxHeaderLeftC { background-image: url(default/clearbox_header_left.gif); } .box .default .boxHeaderCenterC { background-image: url(default/clearbox_header_bg.gif); } .box .default .boxHeaderRightC { background-image: url(default/clearbox_header_right.gif); } #mailing .boxHeaderLeftC { background-image: url(violet/box_header_left.gif); } #mailing .boxHeaderCenterC { background-image: url(violet/box_header_bg.gif); } #mailing .boxHeaderRightC { background-image: url(violet/box_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .default .boxContent { } .box .default .boxContentLeft { background-image: url(default/box_border_left.gif); } .box .default .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .default .boxContentRight { background-image: url(default/box_border_right.gif); } .box .default .boxContentLeftF { background-image: url(default/box_border_left_f.gif); } .box .default .boxContentCenterF { background-color: #E7E7E7; padding-top: 7px; } .box .default .boxContentRightF { background-image: url(default/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .default .boxFooter { } .box .default .boxFooterLeft { background-image: url(default/box_footer_left.gif); } .box .default .boxFooterCenter { background-image: url(default/box_footer_bg.gif); } .box .default .boxFooterRight { background-image: url(default/box_footer_right.gif); } .box .default .boxFooterLeftF { background-image: url(default/box_footer_left_f.gif); } .box .default .boxFooterCenterF { background-image: url(default/box_footer_bg_f.gif); } .box .default .boxFooterRightF { background-image: url(default/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- blue BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .blue .boxHeader { } .box .blue h1 { color: #4B5C8A; margin-bottom: 10px; } .box .blue .highlightText { color: #4B5C8A; font-weight: bold; } .box .blue .boxHeaderLeft { background-image: url(blue/box_header_left.gif); } .box .blue .boxHeaderCenter { background-image: url(blue/box_header_bg.gif); } .box .blue .boxHeaderRight { background-image: url(blue/box_header_right.gif); } .box .blue .boxHeaderLeftC { background-image: url(blue/clearbox_header_left.gif); } .box .blue .boxHeaderCenterC { background-image: url(blue/clearbox_header_bg.gif); } .box .blue .boxHeaderRightC { background-image: url(blue/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .blue .boxContent { } .box .blue .boxContentLeft { background-image: url(blue/box_border_left.gif); } .box .blue .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .blue .boxContentRight { background-image: url(blue/box_border_right.gif); } .box .blue .boxContentLeftF { background-image: url(blue/box_border_left_f.gif); } .box .blue .boxContentCenterF { background-color: #EAEEFF; padding-top: 7px; } .box .blue .boxContentRightF { background-image: url(blue/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .blue .boxFooter { } .box .blue .boxFooterLeft { background-image: url(blue/box_footer_left.gif); } .box .blue .boxFooterCenter { background-image: url(blue/box_footer_bg.gif); } .box .blue .boxFooterRight { background-image: url(blue/box_footer_right.gif); } .box .blue .boxFooterLeftF { background-image: url(blue/box_footer_left_f.gif); } .box .blue .boxFooterCenterF { background-image: url(blue/box_footer_bg_f.gif); } .box .blue .boxFooterRightF { background-image: url(blue/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- gold BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .gold .boxHeader { } .box .gold .highlightText { color: #D59E00; font-weight: bold; } .box .gold .boxHeaderLeft { background-image: url(gold/box_header_left.gif); } .box .gold .boxHeaderCenter { background-image: url(gold/box_header_bg.gif); } .box .gold .boxHeaderRight { background-image: url(gold/box_header_right.gif); } .box .gold .boxHeaderLeftC { background-image: url(gold/clearbox_header_left.gif); } .box .gold .boxHeaderCenterC { background-image: url(gold/clearbox_header_bg.gif); } .box .gold .boxHeaderRightC { background-image: url(gold/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .gold .boxContent { } .box .gold .boxContentLeft { background-image: url(gold/box_border_left.gif); } .box .gold .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .gold .boxContentRight { background-image: url(gold/box_border_right.gif); } .box .gold .boxContentLeftF { background-image: url(gold/box_border_left_f.gif); } .box .gold .boxContentCenterF { background-color: #FFFBAB; padding-top: 7px; } .box .gold .boxContentRightF { background-image: url(gold/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .gold .boxFooter { } .box .gold .boxFooterLeft { background-image: url(gold/box_footer_left.gif); } .box .gold .boxFooterCenter { background-image: url(gold/box_footer_bg.gif); } .box .gold .boxFooterRight { background-image: url(gold/box_footer_right.gif); } .box .gold .boxFooterLeftF { background-image: url(gold/box_footer_left_f.gif); } .box .gold .boxFooterCenterF { background-image: url(gold/box_footer_bg_f.gif); } .box .gold .boxFooterRightF { background-image: url(gold/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- xbox BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .xbox .boxHeader { } .box .xbox .highlightText { color: #8BB300; font-weight: bold; } .box .xbox .boxHeaderLeft { background-image: url(xbox/box_header_left.gif); } .box .xbox .boxHeaderCenter { background-image: url(xbox/box_header_bg.gif); } .box .xbox .boxHeaderRight { background-image: url(xbox/box_header_right.gif); } .box .xbox .boxHeaderLeftC { background-image: url(xbox/clearbox_header_left.gif); } .box .xbox .boxHeaderCenterC { background-image: url(xbox/clearbox_header_bg.gif); } .box .xbox .boxHeaderRightC { background-image: url(xbox/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .xbox .boxContent { } .box .xbox .boxContentLeft { background-image: url(xbox/box_border_left.gif); } .box .xbox .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .xbox .boxContentRight { background-image: url(xbox/box_border_right.gif); } .box .xbox .boxContentLeftF { background-image: url(xbox/box_border_left_f.gif); } .box .xbox .boxContentCenterF { background-color: #EEFFB1; padding-top: 7px; } .box .xbox .boxContentRightF { background-image: url(xbox/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .xbox .boxFooter { } .box .xbox .boxFooterLeft { background-image: url(xbox/box_footer_left.gif); } .box .xbox .boxFooterCenter { background-image: url(xbox/box_footer_bg.gif); } .box .xbox .boxFooterRight { background-image: url(xbox/box_footer_right.gif); } .box .xbox .boxFooterLeftF { background-image: url(xbox/box_footer_left_f.gif); } .box .xbox .boxFooterCenterF { background-image: url(xbox/box_footer_bg_f.gif); } .box .xbox .boxFooterRightF { background-image: url(xbox/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- green BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .green .boxHeader { } .box .green .highlightText { color: #2FB11A; font-weight: bold; } .box .green .boxHeaderLeft { background-image: url(green/box_header_left.gif); } .box .green .boxHeaderCenter { background-image: url(green/box_header_bg.gif); } .box .green .boxHeaderRight { background-image: url(green/box_header_right.gif); } .box .green .boxHeaderLeftC { background-image: url(green/clearbox_header_left.gif); } .box .green .boxHeaderCenterC { background-image: url(green/clearbox_header_bg.gif); } .box .green .boxHeaderRightC { background-image: url(green/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .green .boxContent { } .box .green .boxContentLeft { background-image: url(green/box_border_left.gif); } .box .green .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .green .boxContentRight { background-image: url(green/box_border_right.gif); } .box .green .boxContentLeftF { background-image: url(green/box_border_left_f.gif); } .box .green .boxContentCenterF { background-color: #E7FFD3; padding-top: 7px; } .box .green .boxContentRightF { background-image: url(green/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .green .boxFooter { } .box .green .boxFooterLeft { background-image: url(green/box_footer_left.gif); } .box .green .boxFooterCenter { background-image: url(green/box_footer_bg.gif); } .box .green .boxFooterRight { background-image: url(green/box_footer_right.gif); } .box .green .boxFooterLeftF { background-image: url(green/box_footer_left_f.gif); } .box .green .boxFooterCenterF { background-image: url(green/box_footer_bg_f.gif); } .box .green .boxFooterRightF { background-image: url(green/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- brown BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .brown .boxHeader { } .box .brown .highlightText { color: #B77428; font-weight: bold; } .box .brown .boxHeaderLeft { background-image: url(brown/box_header_left.gif); } .box .brown .boxHeaderCenter { background-image: url(brown/box_header_bg.gif); } .box .brown .boxHeaderRight { background-image: url(brown/box_header_right.gif); } .box .brown .boxHeaderLeftC { background-image: url(brown/clearbox_header_left.gif); } .box .brown .boxHeaderCenterC { background-image: url(brown/clearbox_header_bg.gif); } .box .brown .boxHeaderRightC { background-image: url(brown/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .brown .boxContent { } .box .brown .boxContentLeft { background-image: url(brown/box_border_left.gif); } .box .brown .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .brown .boxContentRight { background-image: url(brown/box_border_right.gif); } .box .brown .boxContentLeftF { background-image: url(brown/box_border_left_f.gif); } .box .brown .boxContentCenterF { background-color: #FFF4E4; padding-top: 7px; } .box .brown .boxContentRightF { background-image: url(brown/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .brown .boxFooter { } .box .brown .boxFooterLeft { background-image: url(brown/box_footer_left.gif); } .box .brown .boxFooterCenter { background-image: url(brown/box_footer_bg.gif); } .box .brown .boxFooterRight { background-image: url(brown/box_footer_right.gif); } .box .brown .boxFooterLeftF { background-image: url(brown/box_footer_left_f.gif); } .box .brown .boxFooterCenterF { background-image: url(brown/box_footer_bg_f.gif); } .box .brown .boxFooterRightF { background-image: url(brown/box_footer_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .error .boxFooter { } .box .error .boxFooterLeft { background-image: url(error/box_footer_left.gif); } .box .error .boxFooterCenter { background-image: url(error/box_footer_bg.gif); } .box .error .boxFooterRight { background-image: url(error/box_footer_right.gif); } .box .error .boxFooterLeftF { background-image: url(error/box_footer_left_f.gif); } .box .error .boxFooterCenterF { background-image: url(error/box_footer_bg_f.gif); } .box .error .boxFooterRightF { background-image: url(error/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- red BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .red .boxHeader { } .box .red .highlightText { color: #DD2222; font-weight: bold; } .box .red .boxHeaderLeft { background-image: url(red/box_header_left.gif); } .box .red .boxHeaderCenter { background-image: url(red/box_header_bg.gif); } .box .red .boxHeaderRight { background-image: url(red/box_header_right.gif); } .box .red .boxHeaderLeftC { background-image: url(red/clearbox_header_left.gif); } .box .red .boxHeaderCenterC { background-image: url(red/clearbox_header_bg.gif); } .box .red .boxHeaderRightC { background-image: url(red/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .red .boxContent { } .box .red .boxContentLeft { background-image: url(red/box_border_left.gif); } .box .red .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .red .boxContentRight { background-image: url(red/box_border_right.gif); } .box .red .boxContentLeftF { background-image: url(red/box_border_left_f.gif); } .box .red .boxContentCenterF { background-color: #FFE0E0; padding-top: 7px; } .box .red .boxContentRightF { background-image: url(red/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .red .boxFooter { } .box .red .boxFooterLeft { background-image: url(red/box_footer_left.gif); } .box .red .boxFooterCenter { background-image: url(red/box_footer_bg.gif); } .box .red .boxFooterRight { background-image: url(red/box_footer_right.gif); } .box .red .boxFooterLeftF { background-image: url(red/box_footer_left_f.gif); } .box .red .boxFooterCenterF { background-image: url(red/box_footer_bg_f.gif); } .box .red .boxFooterRightF { background-image: url(red/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- violet BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .violet .boxHeader { } .box .violet .highlightText { color: #B561A5; font-weight: bold; } .box .violet .boxHeaderLeft { background-image: url(violet/box_header_left.gif); } .box .violet .boxHeaderCenter { background-image: url(violet/box_header_bg.gif); } .box .violet .boxHeaderRight { background-image: url(violet/box_header_right.gif); } .box .violet .boxHeaderLeftC { background-image: url(violet/clearbox_header_left.gif); } .box .violet .boxHeaderCenterC { background-image: url(violet/clearbox_header_bg.gif); } .box .violet .boxHeaderRightC { background-image: url(violet/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .violet .boxContent { } .box .violet .boxContentLeft { background-image: url(violet/box_border_left.gif); } .box .violet .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .violet .boxContentRight { background-image: url(violet/box_border_right.gif); } .box .violet .boxContentLeftF { background-image: url(violet/box_border_left_f.gif); } .box .violet .boxContentCenterF { background-color: #FFEFFF; padding-top: 7px; } .box .violet .boxContentRightF { background-image: url(violet/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .violet .boxFooter { } .box .violet .boxFooterLeft { background-image: url(violet/box_footer_left.gif); } .box .violet .boxFooterCenter { background-image: url(violet/box_footer_bg.gif); } .box .violet .boxFooterRight { background-image: url(violet/box_footer_right.gif); } .box .violet .boxFooterLeftF { background-image: url(violet/box_footer_left_f.gif); } .box .violet .boxFooterCenterF { background-image: url(violet/box_footer_bg_f.gif); } .box .violet .boxFooterRightF { background-image: url(violet/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- clear BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .clear .boxHeader { } .box .clear .highlightText { color: #636179; font-weight: bold; } .box .clear .boxHeaderLeft { background-image: url(clear/box_header_left.gif); } .box .clear .boxHeaderCenter { background-image: url(clear/box_header_bg.gif); } .box .clear .boxHeaderRight { background-image: url(clear/box_header_right.gif); } .box .clear .boxHeaderLeftC { background-image: url(clear/clearbox_header_left.gif); } .box .clear .boxHeaderCenterC { background-image: url(clear/clearbox_header_bg.gif); } .box .clear .boxHeaderRightC { background-image: url(clear/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .clear .boxContent { } .box .clear .boxContentLeft { background-image: url(clear/box_border_left.gif); } .box .clear .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .clear .boxContentRight { background-image: url(clear/box_border_right.gif); } .box .clear .boxContentLeftF { background-image: url(clear/box_border_left_f.gif); } .box .clear .boxContentCenterF { background-color: #E8E7FC; padding-top: 7px; } .box .clear .boxContentRightF { background-image: url(clear/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .clear .boxFooter { } .box .clear .boxFooterLeft { background-image: url(clear/box_footer_left.gif); } .box .clear .boxFooterCenter { background-image: url(clear/box_footer_bg.gif); } .box .clear .boxFooterRight { background-image: url(clear/box_footer_right.gif); } .box .clear .boxFooterLeftF { background-image: url(clear/box_footer_left_f.gif); } .box .clear .boxFooterCenterF { background-image: url(clear/box_footer_bg_f.gif); } .box .clear .boxFooterRightF { background-image: url(clear/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- black BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .black .boxHeader { } .box .black .highlightText { color: #4B4B4B; font-weight: bold; } .box .black .boxHeaderLeft { background-image: url(black/box_header_left.gif); } .box .black .boxHeaderCenter { background-image: url(black/box_header_bg.gif); } .box .black .boxHeaderRight { background-image: url(black/box_header_right.gif); } .box .black .boxHeaderLeftC { background-image: url(black/clearbox_header_left.gif); } .box .black .boxHeaderCenterC { background-image: url(black/clearbox_header_bg.gif); } .box .black .boxHeaderRightC { background-image: url(black/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .black .boxContent { } .box .black .boxContentLeft { background-image: url(black/box_border_left.gif); } .box .black .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .black .boxContentRight { background-image: url(black/box_border_right.gif); } .box .black .boxContentLeftF { background-image: url(black/box_border_left_f.gif); } .box .black .boxContentCenterF { background-color: #E0E0E0; padding-top: 7px; } .box .black .boxContentRightF { background-image: url(black/box_border_right_f.gif); } /*--- footer ------------------------------------------------------*/ .box .black .boxFooter { } .box .black .boxFooterLeft { background-image: url(black/box_footer_left.gif); } .box .black .boxFooterCenter { background-image: url(black/box_footer_bg.gif); } .box .black .boxFooterRight { background-image: url(black/box_footer_right.gif); } .box .black .boxFooterLeftF { background-image: url(black/box_footer_left_f.gif); } .box .black .boxFooterCenterF { background-image: url(black/box_footer_bg_f.gif); } .box .black .boxFooterRightF { background-image: url(black/box_footer_right_f.gif); } /*-----------------------------------------------------------------*/ /*--- error BOX -------------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .error .boxHeader { } .box .error .highlightText { color: #D85D00; font-weight: bold; } .box .error .boxHeaderLeft { background-image: url(error/box_header_left.gif); } .box .error .boxHeaderCenter { background-image: url(error/box_header_bg.gif); } .box .error .boxHeaderRight { background-image: url(error/box_header_right.gif); } .box .error .boxHeaderLeftC { background-image: url(error/clearbox_header_left.gif); } .box .error .boxHeaderCenterC { background-image: url(error/clearbox_header_bg.gif); } .box .error .boxHeaderRightC { background-image: url(error/clearbox_header_right.gif); } /*--- content -----------------------------------------------------*/ .box .error .boxContent { } .box .error .boxContentLeft { background-image: url(error/box_border_left.gif); } .box .error .boxContentCenter { background-color: #FFFFFF; padding-top: 7px; } .box .error .boxContentRight { background-image: url(error/box_border_right.gif); } .box .error .boxContentLeftF { background-image: url(error/box_border_left_f.gif); } .box .error .boxContentCenterF { background-color: #FFE6B6; padding-top: 7px; } .box .error .boxContentRightF { background-image: url(error/box_border_right_f.gif); } /*-----------------------------------------------------------------*/ /*----------------- STYLES BUTTONS COMMON -------------------------*/ /*-----------------------------------------------------------------*/ table.filledButton { } table.capsButton td.left, table.capsButton td.right, table.filledButton td.left, table.filledButton td.right, table.clearButton td.left, table.clearButton td.right { background-repeat: no-repeat; height: 20px; width: 13px; } table.capsButton .text, table.filledButton .text, table.clearButton .text { background-repeat: repeat-x; height: 20px; line-height: 20px; padding: 0 3px 0 3px; } table.capsButton td, table.filledButton td, td.clearButton td { color: #FFFFFF; font-size: 12px; text-transform: lowercase; font-weight: bold; text-decoration: none; height: 20px; line-height: 20px; } /*-----------------------------------------------------------------*/ /*----------------- STYLES BUTTONS FILLED -------------------------*/ /*-----------------------------------------------------------------*/ .filledButton a.buttonLink { color: #FFFFFF; text-decoration: none; } .filledButton a.buttonLink:hover { color: #FFFFFF; text-decoration: underline; } /*--- DEFAULT BUTTON ----------------------------------------------*/ .filledButton .default { } .filledButton .default .left { background-image: url(default/filledbutton_left.gif); } .filledButton .default .text { background-image: url(default/filledbutton_bg.gif); } .filledButton .default .right { background-image: url(default/filledbutton_right.gif); } #mailing .filledButton .left { background-image: url(violet/filledbutton_left.gif); } #mailing .filledButton .text { background-image: url(violet/filledbutton_bg.gif); } #mailing .filledButton .right { background-image: url(violet/filledbutton_right.gif); } /*--- gold BUTTON ----------------------------------------------*/ .filledButton .gold { } .filledButton .gold .left { background-image: url(gold/filledbutton_left.gif); } .filledButton .gold .text { background-image: url(gold/filledbutton_bg.gif); } .filledButton .gold .right { background-image: url(gold/filledbutton_right.gif); } /*--- xbox BUTTON ----------------------------------------------*/ .filledButton .xbox { } .filledButton .xbox .left { background-image: url(xbox/filledbutton_left.gif); } .filledButton .xbox .text { background-image: url(xbox/filledbutton_bg.gif); } .filledButton .xbox .right { background-image: url(xbox/filledbutton_right.gif); } /*--- green BUTTON ----------------------------------------------*/ .filledButton .green { } .filledButton .green .left { background-image: url(green/filledbutton_left.gif); } .filledButton .green .text { background-image: url(green/filledbutton_bg.gif); } .filledButton .green .right { background-image: url(green/filledbutton_right.gif); } /*--- brown BUTTON ----------------------------------------------*/ .filledButton .brown { } .filledButton .brown .left { background-image: url(brown/filledbutton_left.gif); } .filledButton .brown .text { background-image: url(brown/filledbutton_bg.gif); } .filledButton .brown .right { background-image: url(brown/filledbutton_right.gif); } /*--- error BUTTON ----------------------------------------------*/ .filledButton .error { } .filledButton .error .left { background-image: url(error/filledbutton_left.gif); } .filledButton .error .text { background-image: url(error/filledbutton_bg.gif); } .filledButton .error .right { background-image: url(error/filledbutton_right.gif); } /*--- red BUTTON ----------------------------------------------*/ .filledButton .red { } .filledButton .red .left { background-image: url(red/filledbutton_left.gif); } .filledButton .red .text { background-image: url(red/filledbutton_bg.gif); } .filledButton .red .right { background-image: url(red/filledbutton_right.gif); } /*--- violet BUTTON ----------------------------------------------*/ .filledButton .violet { } .filledButton .violet .left { background-image: url(violet/filledbutton_left.gif); } .filledButton .violet .text { background-image: url(violet/filledbutton_bg.gif); } .filledButton .violet .right { background-image: url(violet/filledbutton_right.gif); } /*--- blue BUTTON ----------------------------------------------*/ .filledButton .blue { } .filledButton .blue .left { background-image: url(blue/filledbutton_left.gif); } .filledButton .blue .text { background-image: url(blue/filledbutton_bg.gif); } .filledButton .blue .right { background-image: url(blue/filledbutton_right.gif); } /*--- clear BUTTON ----------------------------------------------*/ .filledButton .clear { } .filledButton .clear .left { background-image: url(clear/filledbutton_left.gif); } .filledButton .clear .text { background-image: url(clear/filledbutton_bg.gif); } .filledButton .clear .right { background-image: url(clear/filledbutton_right.gif); } /*--- black BUTTON ----------------------------------------------*/ .filledButton .black { } .filledButton .black .left { background-image: url(black/filledbutton_left.gif); } .filledButton .black .text { background-image: url(black/filledbutton_bg.gif); } .filledButton .black .right { background-image: url(black/filledbutton_right.gif); } /*-----------------------------------------------------------------*/ /*----------------- STYLES BUTTONS CLEAR --------------------------*/ /*-----------------------------------------------------------------*/ .clearButton a.buttonLink { color: #000000; text-decoration: none; } .clearButton a.buttonLink:hover { color: #000000; text-decoration: underline; } /*--- DEFAULT BUTTON ----------------------------------------------*/ .clearButton .default { color: #000000; } .clearButton .default .left { background-image: url(default/clearbutton_left.gif); } .clearButton .default .text { background-image: url(default/clearbutton_bg.gif); } .clearButton .default .right { background-image: url(default/clearbutton_right.gif); } /*--- BLUE BUTTON -------------------------------------------------*/ .clearButton .blue { color: #000000; } .clearButton .blue .left { background-image: url(blue/clearbutton_left.gif); } .clearButton .blue .text { background-image: url(blue/clearbutton_bg.gif); } .clearButton .blue .right { background-image: url(blue/clearbutton_right.gif); } /*--- GREEN BUTTON ------------------------------------------------*/ .clearButton .green { color: #000000; } .clearButton .green .left { background-image: url(green/clearbutton_left.gif); } .clearButton .green .text { background-image: url(green/clearbutton_bg.gif); } .clearButton .green .right { background-image: url(green/clearbutton_right.gif); } /*--- RED BUTTON --------------------------------------------------*/ .clearButton .red { color: #000000; } .clearButton .red .left { background-image: url(red/clearbutton_left.gif); } .clearButton .red .text { background-image: url(red/clearbutton_bg.gif); } .clearButton .red .right { background-image: url(red/clearbutton_right.gif); } /*--- GOLD BUTTON -------------------------------------------------*/ .clearButton .gold { color: #000000; } .clearButton .gold .left { background-image: url(gold/clearbutton_left.gif); } .clearButton .gold .text { background-image: url(gold/clearbutton_bg.gif); } .clearButton .gold .right { background-image: url(gold/clearbutton_right.gif); } /*--- BLACK BUTTON ------------------------------------------------*/ .clearButton .black { color: #000000; } .clearButton .black .left { background-image: url(black/clearbutton_left.gif); } .clearButton .black .text { background-image: url(black/clearbutton_bg.gif); } .clearButton .black .right { background-image: url(black/clearbutton_right.gif); } /*-----------------------------------------------------------------*/ /*----------------- STYLES BUTTONS CAPS ---------------------------*/ /*-----------------------------------------------------------------*/ .capsButton a.buttonLink { color: #000000; text-decoration: none; } .capsButton a.buttonLink:hover { color: #000000; text-decoration: underline; } /*--- DEFAULT BUTTON ----------------------------------------------*/ .capsButton .default { color: #000000; } .capsButton .default .left { background-image: url(default/button_left.gif); } .capsButton .default .text { background-image: url(default/clearbutton_bg.gif); } .capsButton .default .right { background-image: url(default/button_right.gif); } /*--- BLUE BUTTON -------------------------------------------------*/ .capsButton .blue { color: #000000; } .capsButton .blue .left { background-image: url(blue/button_left.gif); } .capsButton .blue .text { background-image: url(blue/clearbutton_bg.gif); } .capsButton .blue .right { background-image: url(blue/button_right.gif); } /*--- GREEN BUTTON ------------------------------------------------*/ .capsButton .green { color: #000000; } .capsButton .green .left { background-image: url(green/button_left.gif); } .capsButton .green .text { background-image: url(green/clearbutton_bg.gif); } .capsButton .green .right { background-image: url(green/button_right.gif); } /*--- RED BUTTON --------------------------------------------------*/ .capsButton .red { color: #000000; } .capsButton .red .left { background-image: url(red/button_left.gif); } .capsButton .red .text { background-image: url(red/clearbutton_bg.gif); } .capsButton .red .right { background-image: url(red/button_right.gif); } /*--- GOLD BUTTON -------------------------------------------------*/ .capsButton .gold { color: #000000; } .capsButton .gold .left { background-image: url(gold/button_left.gif); } .capsButton .gold .text { background-image: url(gold/clearbutton_bg.gif); } .capsButton .gold .right { background-image: url(gold/button_right.gif); } /*--- BLACK BUTTON ------------------------------------------------*/ .capsButton .black { color: #000000; } .capsButton .black .left { background-image: url(black/button_left.gif); } .capsButton .black .text { background-image: url(black/clearbutton_bg.gif); } .capsButton .black .right { background-image: url(black/button_right.gif); } /****************************************************************************** * STYLES LAYOUT - DEFAULT ******************************************************************************/ * { margin: 0; padding: 0; } img { border: none; } ul, ol { list-style-position: inside } .highlight { font-weight: bold; text-decoration: underline; } .body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(body_bg.jpg); background-repeat: repeat-x; /*background-color: #F7FAFA;*/ background-color: #A8A8A8; text-align: center; } table { font-size: 12px; } a { color: #000000; text-decoration: underline; } a:hover { color: #000000; text-decoration: none; } .container { text-align: left; background-color: #D8D8D8; /*background-image: url(container_bg.jpg); background-position: left 98px; background-repeat: repeat-x;*/ min-width: 988px !important; width: 1120px; margin-right: auto; margin-left: auto; border-right: solid 1px #454545; border-left: solid 1px #454545; border-bottom: solid 1px #454545; } .bodycontent { clear: both; margin-right: 4px; margin-left: 4px; } .footer { font-size: 10px; text-align: right; min-width: 988px !important; width: 90%; margin-top: 5px; margin-bottom: 5px; margin-right: auto; margin-left: auto; } div.footer div.links_footer { font-size: 9px; text-align: justify; margin-bottom: 20px; font-weight: lighter; line-height: 10px; padding: 0 10px; } div.footer div.links_footer a { text-decoration: none; } div.footer div.links_footer a:hover { text-decoration: underline; } /* ------------------------------------------------------------------------- */ /* HEADER */ #header { background-color: #333; } #headerleft { background: none; display: block; /*height: 94px;*/ text-align: left; } #headerright { background: url(header_right.gif) right top no-repeat; display: block; /*height: 94px;*/ text-align: right; } /* ------------------------------------------------------------------------- */ /* MENUTOP */ /* #menutop { height: 30px; line-height: 30px; } .menuspacer { border-right: solid 1px #fff; padding-right: 10px; margin-right: 10px; } .menucontainer { background: #222; } .menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; } .menu a:link, .menu a:active, .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; text-decoration: underline; }*/ /* ------------------------------------------------------------------------- */ /* MAIN */ .mainleft { width: 180px; padding: 10px 10px 0px 0px; } .mainright { width: 180px; padding: 10px 0px 0px 10px; } .maincenter { min-width: 540px; padding: 10px 0px 0px 0px; } /* ------------------------------------------------------------------------- */ div.box { font-size: 12px; margin-bottom: 6px;} div.box p { font-size: 12px; margin-bottom: 4px;} div.box a { color: #000000; text-decoration: underline; } div.box a:hover { color: #000000; text-decoration: none; } div.box .boxHeader a { color: #000000; text-decoration: underline; } div.box .boxHeader a:hover { color: #FFFFFF; text-decoration: none; } div.box a.nounderline { text-decoration: none; } div.box a.nounderline:hover { text-decoration: underline; } /*-----------------------------------------------------------------*/ /*----------------- STYLES BOXES ----------------------------------*/ /*-----------------------------------------------------------------*/ /*--- COMMON STYLES -----------------------------------------------*/ /*--- header ------------------------------------------------------*/ .box .boxHeader { color: #FFFFFF; font-size: 12px; text-transform: uppercase; font-weight: bold; } .box .boxHeaderLeft, .box .boxHeaderLeftC { background-repeat: no-repeat; width: 13px; height: 23px; } .box .boxHeaderCenter, .box .boxHeaderCenterC { background-repeat: repeat-x; height: 23px; } .box .boxHeaderRight, .box .boxHeaderRightC { background-repeat: no-repeat; width: 13px; height: 23px; } /*--- content -----------------------------------------------------*/ .box .boxContent, { color: #000000; font-size: 12px; padding-top: 10px; } .box .boxContentLeft, .box .boxContentLeftF { background-repeat: repeat-y; width: 13px; } .box .boxContentCenter, .box .boxContentCenterF { background-color: #FFFFFF; padding-top: 7px; } .box .boxContentRight, .box .boxContentRightF { background-repeat: repeat-y; width: 13px; } /*--- footer ------------------------------------------------------*/ .box .boxFooter { color: #000000; font-size: 12px; } .box .boxFooterLeft, .box .boxFooterLeftF { background-repeat: no-repeat; width: 13px; height: 11px; line-height: 11px; } .box .boxFooterCenter, .box .boxFooterCenterF { background-repeat: repeat-x; height: 11px; line-height: 11px; } .box .boxFooterRight, .box .boxFooterRightF { background-repeat: no-repeat; width: 13px; height: 11px; line-height: 11px; } .boxContent H1 { margin: 0px 0px 3px 0px; font-size: 20px; font-weight: bold; } .boxContent H2 { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; } .boxContent H3 { margin: 0px 0px 3px 0px; font-size: 12px; font-weight: bold; } .boxContent H6 { margin: 0px 0px 3px 0px; font-size: 12px; color: #CC0000; } .boxContent P { margin: 0px 0px 3px 0px; font-size: 12px; } .boxContent { font-size: 12px; } /* ========================================================================= */ /* ------------------------------------------------------------------------- */ /* PROCUCT OVERVIEW BOX */ #probox { margin: 0px 0px 6px 0px; } .proboxhead { background-color: transparent; height: 23px; } .proboxhead_left { background: url(probox_head_left.gif); width: 12px; } .proboxhead_right { background: url(probox_head_right.gif); width: 12px; } .proboxhead_center { background: url(probox_head_center.gif); width: 19px; } .proboxhead_titre1 { background: url(probox_head_bg1.gif) bottom repeat-x; } .proboxhead_titre2 { background: url(probox_head_bg2.gif) bottom repeat-x; } /* ....................................... */ .proboxcontent { background-color: #D5E6E8; } .proboxphoto { border: 1px solid #6C79AC; } .proboxinfo { margin:0px 0px 4px 0px; padding: 7px 25px 4px 25px; } .proboxnote { color: #999999; font-size: 10px; } /* ------------------------------------------------------------------------- */ /* PROCUCT DETAIL GRAY BOX */ #detailbox { margin: 0px 0px 6px 0px; } .detailboxhead { background-color: transparent; height: 23px; } .detailboxtab1 { background: url(graybox_head_button.gif); padding: 0 20px 0 10px; } .detailboxtab { background: url(graybox_head_button2.gif); padding: 0 20px 0 10px; } .detailboxhead_left { background: url(detailbox_head_left.gif) bottom no-repeat; } .detailboxhead_right { background: url(graybox_head_right.gif) bottom no-repeat; width: 12px; } /* ....................................... */ .detailboxcontent { background-color: transparent; } .detailboxcontent_left { background-color: transparent; border-left:1px solid #E3E4E5; } .detailboxcontent_right { background-color: transparent; border-right:1px solid #E3E4E5; } /* ....................................... */ .detailboxfooter { background-color: transparent; height: 12px; font-size:4px; } .detailboxfooter_left { background: url(clearbox_footer_left.gif) bottom no-repeat; width: 12px; } .detailboxfooter_right { background: url(clearbox_footer_right.gif) bottom no-repeat; width: 12px; } .detailboxfooter_center { background-color: transparent; border-bottom:1px solid #E3E4E5; } /* ========================================================================= */ /* Styles de textes */ .linedtext { color: #999999; text-decoration: line-through; } .smalltext { font-size: 8pt; } .boldtext { font-weight: bold; } .italictext { font-style: italic; } .bolditalictext { font-weight: bold; font-style: italic; } /* Boutons */ a.buttonadd { display: block; float: left; margin: 0 2px; width: 64px; height: 18px; background: url(button_add.gif) no-repeat; } a.buttondelete { display: block; float: left; margin: 0 2px; width: 84px; height: 18px; background: url(button_delete.gif) no-repeat; } a.buttonmodify { display: block; float: left; margin: 0 2px; width: 72px; height: 18px; background: url(button_modify.gif) no-repeat; } a.buttonsave { display: block; float: left; margin: 0 2px; width: 60px; height: 18px; background: url(button_save.gif) no-repeat; } a.buttoncancel { display: block; float: left; margin: 0 2px; width: 68px; height: 18px; background: url(button_cancel.gif) no-repeat; } /* ========================================================================= */ #caddieboxerror { color: #CC0000; visibility: hidden; float: none; } /* ========================================================================= */ /* Liste Produits */ div.addcaddy { width: 100%; margin-top: 4px; text-align: center; } div.addcaddy a.addcaddy { margin: auto; display: block; width: 101px; height: 18px; background: url(bluebutton_commander.gif) no-repeat; } div.produit_element div.prix, div.produit_element div.promo, div.produit_element div.prixsmall { text-align: center; font-weight: bold; font-size: 16pt; color: #4A8395; } div.produit_element_simple div.prix, div.produit_element_simple div.promo, div.produit_element_simple div.prixsmall { text-align: left; font-weight: bold; font-size: 16pt; color: #4A8395; } div.produit_element div.promo { color: #E28800; } div.produit_element_simple div.promo { color: #E28800; } div.produit_element div.prixsmall { font-size: 10pt; text-decoration: line-through; } div.produit_element_simple div.prixsmall { font-size: 8pt; text-decoration: line-through; } /* ========================================================================= */ /* Fiche Produit */ div.produit_topliste_title { } div.produit_topliste_title a.togglescreen { color: #FFFFFF; text-decoration: underline; text-transform: none; font-size: 9pt; } div.produit_topliste_title a.togglescreen:hover { color: #FFFFFF; text-decoration: none; } /* ----------------------------------------------------- */ div.produittabs a.inactivetab { color: #CCCCCC; text-decoration: none; /*text-transform: none;*/ } div.produittabs a.activetab { color: #FFFFFF; text-decoration: none; } div.produittabs a:hover { color: #FFFFFF; } /* ----------------------------------------------------- */ div.photosproduit { text-align: center; } div.photosproduit div.smallphotoBox { display: block; float: left; margin-right: 10px; margin-bottom: 10px; } div.photosproduit div.infos { clear: both; } /* ========================================================================= */ /* Fiche utilisateur */ div.utilisateurfiche { margin-top: 30px; } div.infosPerso { } div.infosPerso input.text { width: 300px; } div.infosPerso label.left { width: 250px; display: block; float: left; } div.infosPerso select#titre { width: 70px; } div.infosPerso input#nom { width: 230px; } div.infosPerso input#savesession { width: auto; } div.infosPerso a.buttonsave { margin: 8px 0 0 250px; } div.requiered { margin: 10px 0 ; font-style: italic; } div.adressesPerso { margin-bottom: 10px; } div.modifAdresse { background-color: #E3E4E5; margin-left: 5px; padding: 5px; border: dashed 1px #999999; } label.adressLabel { width: 200px; display: block; float: left; } div.adresse_error { border: 1px dashed #CC0000; color: #CC0000; padding: 5px; margin: 10px; } div.adressesPerso INPUT, div.adressesPerso TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /* ========================================================================= */ /* Pricewatch dans la fiche utilisateur */ div.newswatch { margin-bottom: 20px; } div.newswatch div.categories { margin: 10px 20px 5px 20px; } div.categories H2 { font-size: 10pt; padding-bottom: 2px; border-bottom: 1px dotted #999999; } div.categories p.newswatchaction { float: right; } /* ========================================================================= */ /* Pricewatch dans la fiche utilisateur */ div.pricewatch { margin-bottom: 20px; } div.pricewatch div.produits { margin: 10px 20px 5px 20px; } div.produits H2 { font-size: 10pt; border-bottom: 1px dotted #999999; } table.produits { font-size: 10pt; width: 100% !important; width: 95%; } table.produits TD { padding: 2px; border-bottom: 1px solid #DDDDDD; } table.produits TH { border-bottom: 1px solid #CCCCCC; text-align: left;} td.produitnom { width:auto; } td.produitprice { width: 100px; } td.produitdispo { width: 60px; } td.produitmodify { width: 60px; text-align: right; padding: 1px; } INPUT.pricefield { width: 60px; } /* ========================================================================= */ /* Pricewatch dans la fiche produit */ div.produitpricewatch { margin-bottom: 20px; } div.produitpricewatch H2 { border-bottom: 1px dotted #999999; padding-bottom: 2px; } /* ========================================================================= */ /* Liste des devis d'un utilisateur */ table.listedevis { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; } table.listedevis th { text-align: left; font-weight: bold; vertical-align: top; font-size: 11pt; } table.listedevis td { font-size: 11pt; } table.listedevis th.flag { text-align: right; } table.listedevis td.flag { text-align: right; width: 50px; padding-right: 10px; } table.listedevis td.nom { text-align: left; } table.listedevis td.date { width: 180px; } table.listedevis td.comment { font-size: 10pt; font-style: italic; } /* Fiche Devis d'un utilisateur */ .devisPromo { color: #FF0000; font-weight: bold; text-transform: uppercase; } input.devisTitle { width: 100%; font-size: 16pt !important; } div.devisDescr { margin: 0px 20px; border: dashed 1px #6C79AC; padding: 10px; font-style: italic; background-color: #f3f5fe;} table.devis { font-size: 10pt; } th.devisHeader { font-size: 12pt; border-bottom: solid 2px #000000; font-weight: bold; text-align: left; padding-top: 10px; } td.type, td.name, td.prix { padding-top: 5px; } td.type { width: 128px; text-align: left; } td.name { } td.prix { width: 128px; text-align: right; } input.prix { width: 96px; /*border: none;*/ } select.compo { width: 400px; } input.nbrCompos { width: 85px; } select.compoNbr { width: 300px; left: 200px; } .devisCompoDescr { } .devisCompoName { } .devisTotal { } input.devisNbrCompos { } .devisNameCompo { } .devisNameCompoWithNumber { } div.devisTotal { border: none; border-bottom: solid 1px #000000; border-top: solid 1px #000000; } /* ========================================================================= */ /* Caddie : liste des produits */ div.caddy .flaged { text-decoration: line-through; } /*---------Debut CSS Produit dans le Caddy---------*/ div.produit { height: 20px; } div.quantity { position: relative; height: 19px; width: 45px; float: left; margin-right: 10px; } div.quantity input { width: 30px; height: 19px; } .caddy a.add { font-size: 6px; text-decoration: none; background-image: url(../btn_add.gif); display: block; height: 9px; width: 13px; position: absolute; top: 0px; right: 0px; } .caddy a.add:link, .caddy a.add:link, .caddy a.add:link { background-position: 0px 0px; } .caddy a.add:hover { background-position: 0px -9px; } .caddy a.remove { font-size: 6px; text-decoration: none; background-image: url(../btn_remove.gif); display: block; height: 9px; width: 13px; position: absolute; bottom: 0px; right: 0px; } .caddy a.remove:link, .caddy a.remove:link, .caddy a.remove:link { background-position: 0px 0px; } .caddy a.remove:hover { background-position: 0px -9px; } .caddy div.nomProduit { border-left: solid 1px #999999; height: 19px; line-height: 19px; padding-left: 10px; margin-right: 10px; float: left; position: relative; } .caddy div.prixProduit { border-left: solid 1px #999999; height: 19px; line-height: 19px; padding-left: 10px; margin-right: 10px; float: right; position: relative; } .caddy div.prixProduit input, .caddy div.prixTotal input { height: 19px; width: 60px; } input.prixDisabled { background-color: #E3E4E5; border: 1px solid #CCCCCC; } .caddy div.deleteProduit { border-left: solid 1px #999999; height: 19px; width: 25px; line-height: 19px; padding-left: 10px; float: right; position: relative; } /*---------Fin CSS Produit dans le Caddy---------*/ /*---------Debut CSS Devis dans le Caddy---------*/ .caddy div.devisDetail { margin-left: 60px; background-color: #E3E4E5; border: dashed 1px #999999; margin-top: 5px; margin-bottom: 5px; padding: 5px; } /*---------Fin CSS Devis dans le Caddy---------*/ /*---------Debut CSS Prix des produits---------*/ .caddy div.prixTotal { /*border-left: solid 1px #000000;*/ padding-left: 10px; margin-right: 45px; float: right; } /*---------Fin CSS Prix des produits---------*/ div.separator { font-size: 0px; height: 2px; line-height: 2px; background-color: #E5E5E5; margin-top: 5px; margin-bottom: 5px; width: 100% } /* ========================================================================= */ /* Commandes : Proc�dure de Payement */ .required { font-size: 13pt; font-weight: bold; margin: 0 4px 0 4px; color: #CC0000; } div.commandeform div.separator { font-size: 0px; height: 2px; line-height: 2px; background-color: #E5E5E5; margin-top: 16px; margin-bottom: 16px; width: 100% } table.adresseformtable td.label { width: 120px; height: 28px; text-align: right; } div.commandeform label { font-weight: bold; } div.adresseinfo { border-left: 3px solid #6C79AC; padding: 4px 0 4px 10px; margin-left: 4px; width: 540px; background-color: #F4F5FA; } div.commandeform SELECT OPTGROUP { margin-bottom: 8px; } /* ========================================================================= */ /* AJAX SEARCH */ div#searchReference_autocomplete { position: relative; width: 300px; background: #e7e7e7; border: 1px solid #666; padding: 5px 0; z-index: 99999999; margin-left: 152px; margin-top: -22px; } div#searchReference_autocomplete ul { list-style: none; } div#searchReference_autocomplete ul li { padding: 3px 5px; cursor: pointer; } div#searchReference_autocomplete ul li.selected { background: #CCC; font-weight: bold; } .h1_home { font-size:16px; } /*===============================================*/ /*================== UPDATE 2011 ================*/ /*===============================================*/ #superpromos .superpromo_element h3 { color: #009ee0; }