/* xmas cards 2009 */ /* --------------------- init ------------------------ */ body { padding: 45px 0 30px 0; margin: 0; background: url(../images/bg_body.jpg); text-align: center; font: 18px Georgia, "Times New Roman", Times, serif; line-height: 26px; } #wrapper { width: 905px; margin: 0 auto; position: relative; background: url(../images/bg_wrapper.png); padding: 50px 60px 20px 60px; } .shortContent { padding-bottom: 60px !important; } #btn_microphone { position: absolute; right: 10px; top: 10px; width: 40px; height: 32px; } #header { margin: 0 auto 50px auto; } a { text-decoration: none; color: #891237; } p { margin: 0; padding: 0 0 25px 0; } img { behavior: url(_css/iepngfix.htc); } a img { border: 0; } /* --------------- misc -------------------- */ .clear { clear: both; line-height: 1px; } .noPadding { padding: 0 !important; } .floatLeft { float: left !important; } .noMargin { margin: 0 !important; } .burgundy { color: #7a0026 !important; } /* --------------- main nav -------------------- */ #nav { list-style: none; padding: 0; margin: 0; width: 465px; height: 320px; float: left; } #nav li { height: 145px; width: 145px; float: left; margin: 0 10px 10px 0; } #nav a { display: block; height: 145px; width: 145px; } #nav .li1 a { background: url(../images/btn_thinking.jpg); } #nav .li2 a { background: url(../images/btn_holiday.jpg); } #nav .li3 a { background: url(../images/btn_apologies.jpg); } #nav .li4 a { background: url(../images/btn_getWell.jpg); } #nav .li5 a { background: url(../images/btn_thankYou.jpg); } #nav .li6 a { background: url(../images/btn_celebrate.jpg); } #nav a:hover, #nav a.active { background-position: 0 -145px; } /* --------------- content -------------------- */ #mainCopy { width: 410px; float: right; text-align: left; font-size: 16px; } #btn_soundOnOff { margin: -6px 8px 0 0; float: left; } .btn_create { display: block; width: 230px; height: 69px; background: url(../images/btn_create.png); } .btn_create:hover { background-position: 0 -69px; } form { padding: 0; margin: 0; } /* middle */ #middle { border: 1px solid #e1e1e1; height: 457px; width: 910px; margin-bottom: 35px; } #middle table { float: right; width: 377px; height: 393px; margin: 35px 30px 0 0; text-align: left; } #middle .tr1, #middle .tr3 { height: 44px; } #middle .tr2 { height: 305px; } #middle .tr2 a { padding: 8px 20px; width: 337px; color: #000; font-size: 14px; border: 1px solid #d7d7d7; display: block; line-height: 19px; margin-bottom: 5px; } #middle .tr2 a:hover, #middle .tr2 a.active { border-color: #7a0026; } /* middle - right col */ .textBoxBG { background: url(../images/bg_textBox.gif) no-repeat; width: 348px; padding: 0 15px 0 15px; height: 34px; } .textBoxBGWide { background: url(../images/bg_textBoxWide.gif) no-repeat; width: 450px; padding: 10px 15px 0 15px; height: 34px; } .textBoxBGTall { background: url(../images/bg_textBoxTall.gif) no-repeat; width: 420px; height: 110px; padding: 10px 15px 0 15px; } .textBox, .textBoxTall, .textBoxWide { border: 0; width: 348px; font: 17px Georgia, "Times New Roman", Times, serif; color: #959595; } .textBoxTall { border: 0; width: 400px; font: 17px Georgia, "Times New Roman", Times, serif; color: #959595; } .textBoxWide { border: 0; width: 400px; font: 17px Georgia, "Times New Roman", Times, serif; color: #959595; } /* create your own Wrap */ #createWrap { margin-bottom: 35px; } #createWrap .colLeft { float: left; width: 462px; height: 455px; _height: 450px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; position: relative; } #browseTxtBtn, #btn_upload { margin: 12px 0 0; height: 25px; font-size: 13px; } /* .btn_choose { display: block; background: url(../images/btn_choose.jpg); width: 109px; height: 29px; position: absolute; top: 10px; left: 10px; } .btn_choose:hover { background-position: 0 -29px; text-decoration: none;} .btn_upload { display: block; background: url(../images/btn_upload.jpg); width: 77px; height: 29px; position: absolute; top: 10px; right: 10px; } .btn_upload:hover { background-position: 0 -29px; text-decoration: none;} */ #createWrap .textbox_plain { border: 1px solid #e1e1e1; position: absolute; top: 12px; left: 125px; width: 215px; font: 14px Georgia, "Times New Roman", Times, serif; color: #959595; padding: 2px 5px; } #createWrap .colRight { float: right; } #createWrap #placeholder { margin: 0 auto; width: 350px; height: 350px; margin-top: 10px; text-align: center; font: 14px Georgia, "Times New Roman", Times, serif; color: #959595;} /* bottom */ #bottom { position: relative; width: 910px; height: 185px; text-align: left; } #yourName, #recipients, #yourEmail, #bottom .copy, .btn_preview, .btn_send { position: absolute; } #yourName { left: 0; } #yourEmail { top: 53px; } #recipients { right: 0; } #bottom .copy { top: 115px; font-size: 14px; line-height: 18px; width: 450px; } .btn_preview, .btn_send { background: url(../images/btn_preview.png); width: 128px; height: 69px; display: block; top: 115px; right: 0; } .btn_preview { right: 140px; } .btn_send { background: url(../images/btn_send.png); } .btn_preview:hover, .btn_send:hover { background-position: 0 -69px; } /* popups -------------------------------------- */ /* preview pop */ #bg_popUp{ display: none; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000; border: 1px solid #cecece; z-index: 1; } #popUpWrap{ display: none; _position: absolute; /* hack for internet explorer 6*/ z-index: 2; width: 952px; height: 506px; background-color: #fff; left: 0; line-height: 26px !important; font: 16px Georgia, "Times New Roman", Times, serif; } #popUpWrap #popUpWrapClose { position: absolute; top: 7px; right: 7px; } #cardPrevWarp { width: 909px; height: 456px; border: 1px solid #e1e1e1; Xmargin-top: 25px; Xmargin-left: 20px; position: absolute; top: 25px; left: 20px } #cardPrevWarp table { float: right; } #cardPrevWarp table { float: right; width: 360px; height: 370px; margin: 50px 40px 0 0; text-align: left; } #cardPrevWarp .tr1, #cardPrevWarp .tr3 { font-size: 16px; } #cardPrevWarp .tr2 { height: 300px; text-align: center; } #cardPrevWarp TABLE TR.tr2 P {margin: 0px; padding: 0px} /* privacy pop */ #privacyPop { display: none; _position: absolute; /* hack for internet explorer 6*/ z-index: 2; background: url(../images/bg_privacyPop.gif); width: 751px; height: 336px; position: relative; } #privacyPop .btn_close { position: absolute; top: 10px; right: 10px; } #privacyPop .copy { position: absolute; left: 60px; top: 70px; width: 665px; text-align: left; line-height: 26px !important; font: 16px Georgia, "Times New Roman", Times, serif; } .copy h1 { color: #7a0026; margin: 0; padding: 0 0 25px 0; font: 25px normal; } /* credits pop */ #creditPop { display: none; _position: absolute; /* hack for internet explorer 6*/ z-index: 2; background: url(../images/bg_creditPop.gif); width: 752px; height: 336px; position: relative; text-align: left; } #creditPop .btn_close { position: absolute; top: -10px; right: 10px; } #creditPop img { margin: 23px 0 0 39px; } #creditPop .copy { position: absolute; left: 310px; top: 20px; width: 420px; text-align: left; line-height: 26px !important; font: 16px Georgia, "Times New Roman", Times, serif; } /* --------------- footer -------------------- */ #footer { margin: 0 auto; font-size: 11px; color: #555454; padding-top: 15px; } #footer a { color: #555454; padding-right: 3px; } #footer a:hover { color: #901a3f; } #footer .divider { padding-right: 3px; } #footer .div1 { display: inline; padding-right: 25px; } #footer .div2 { display: inline; }