/* BK E-Cards Styles */
@import url(form.css);

#ecardContainer p { color: #c5d5e1; font-size: 1.1em; line-height: 16px; font-weight: bold; }

#ecardContainer { width: 943px; padding: 6px 25px 0 24px; min-height: 579px; background: url(/bkEcardsPlugin/images/ecardContainerBg.png) left top no-repeat; }
#ecardContainer .topContent { width: 938px; padding: 15px 5px 0 0; overflow: hidden; }
#ecardContainer .topContent h1 { float: left; width: 580px; height: 88px; background: url(/bkEcardsPlugin/images/h1Headline.gif) left top no-repeat; text-indent: -19999px; }
#ecardContainer .topContent .introText { float: right; width: 258px; height: 68px; padding: 10px 15px; background: url(/bkEcardsPlugin/images/introBg.gif) left top no-repeat; }

#ecardContainer .hr { margin-left: 5px; margin-right: 5px; }

#ecardContainer .bottomContent { padding: 10px 0 0; width: 100%; overflow: hidden; position: relative; }
#ecardContainer .bottomContent .leftContent { width: 355px; float: left; }
#ecardContainer .bottomContent .leftContent .descriptionText { padding: 0 0 0 5px; height: 106px; width: 348px; }
#ecardContainer .bottomContent .leftContent .descriptionText h2 { text-indent: -19999px; height: 25px; margin: 0 0 10px; background-repeat: no-repeat; background-position: left top; }
#ecardContainer .bottomContent .leftContent .descriptionText h2.firstStep { background-image: url(/bkEcardsPlugin/images/h2firstStep.gif); }
#ecardContainer .bottomContent .leftContent .descriptionText h2.secondStep { background-image: url(/bkEcardsPlugin/images/h2secondStep.gif); }
#ecardContainer .bottomContent .leftContent .descriptionText h2.thirdStep { background-image: url(/bkEcardsPlugin/images/h2thirdStep.gif); }

#ecardContainer .bottomContent ul.ecardList { list-style-type: none; display: block; width: 352px; height: 340px; overflow: hidden; padding: 0 0 35px; background: url(/bkEcardsPlugin/images/listShadow.png) left bottom repeat-x; }
#ecardContainer .bottomContent ul.ecardList li { display: block; float: left; width: 166px; height: 103px; overflow: hidden; padding: 5px; margin: 0 0 2px; position: relative; background-repeat: no-repeat; background-position: center center; }
#ecardContainer .bottomContent ul.ecardList li a { display: block; position: absolute; top: 0px; left: 0px; width: 176px; height: 113px; overflow: hidden; text-indent: -19999px; background-image: url(/bkEcardsPlugin/images/ecardSmallOverlay.png); background-repeat: no-repeat; }
#ecardContainer .bottomContent ul.ecardList li#ecard_1 a { background-position: 0 0; }
#ecardContainer .bottomContent ul.ecardList li#ecard_1 a.active { background-position: -176px 0; }
#ecardContainer .bottomContent ul.ecardList li#ecard_2 a { background-position: 0 -113px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_2 a.active { background-position: -176px -113px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_3 a { background-position: 0 -226px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_3 a.active { background-position: -176px -226px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_4 a { background-position: 0 -339px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_4 a.active { background-position: -176px -339px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_5 a { background-position: 0 -452px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_5 a.active { background-position: -176px -452px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_6 a { background-position: 0 -565px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_6 a.active { background-position: -176px -565px; }
#ecardContainer .bottomContent ul.ecardList li#ecard_1 a:focus,
#ecardContainer .bottomContent ul.ecardList li#ecard_2 a:focus,
#ecardContainer .bottomContent ul.ecardList li#ecard_3 a:focus,
#ecardContainer .bottomContent ul.ecardList li#ecard_4 a:focus,
#ecardContainer .bottomContent ul.ecardList li#ecard_5 a:focus,
#ecardContainer .bottomContent ul.ecardList li#ecard_6 a:focus  { outline: none; }

#ecardContainer .bottomContent .rightContent { width: 572px; float: right; overflow: hidden; }
#ecardContainer .bottomContent #ecardStage { width: 562px; height: 398px; overflow: hidden; padding: 5px; position: relative; }
#ecardContainer .bottomContent #ecardStage span { display: block; width: 572px; height: 408px; position: absolute; top: 0px; left: 0px; background: url(/bkEcardsPlugin/images/ecardBigOverlay.png) left top no-repeat; text-indent: -19999px; }

#ecardContainer .bottomContent .nextButton { width: 149px; float: right; padding: 0 0 30px; background: url(/bkEcardsPlugin/images/nextButtonShadow.png) left bottom no-repeat; }
#ecardContainer .bottomContent .nextButton a { display: block; width: 149px; height: 55px; text-indent: -19999px; background: url(/bkEcardsPlugin/images/nextButton.png) left top no-repeat; }
#ecardContainer .bottomContent .nextButton a:focus { outline: none; }

#ecardContainer .buttonContent { width: 370px; overflow: hidden; margin-top: -10px; }
#ecardContainer .returnButton { float: left; padding: 0 5px 20px; width: 150px; background: url(/bkEcardsPlugin/images/returnButtonShadow.png) left bottom no-repeat; }
#ecardContainer .returnButton a { display: block; width: 100%; height: 56px; text-indent: -19999px; background: url(/bkEcardsPlugin/images/returnButton.png) left top no-repeat; }
#ecardContainer .returnButton a:focus { outline: none; }
#ecardContainer .sendButton { float: right; padding: 0 5px 20px; width: 186px; background: url(/bkEcardsPlugin/images/sendButtonShadow.png) left bottom no-repeat; }
#ecardContainer .sendButton button { cursor: pointer; display: block; width: 100%; height: 56px; text-indent: -19999px; background: transparent url(/bkEcardsPlugin/images/sendButton.png) left top no-repeat; }
#ecardContainer .sendButton button:focus { outline: none; }

#ecardContainer .buttonNextContent { width: 380px; overflow: hidden; margin-top: -15px; }
#ecardContainer .buttonNextContent .returnButton { width: 159px; background-position: 10px bottom; }
#ecardContainer .buttonNextContent .returnButton a { height: 72px; background: url(/bkEcardsPlugin/images/returnHomeButton.png) left top no-repeat; }
#ecardContainer .buttonNextContent .sendButton { width: 189px; }
#ecardContainer .buttonNextContent .sendButton a { display: block; width: 100%; height: 72px; text-indent: -19999px; background: url(/bkEcardsPlugin/images/againButton.png) left top no-repeat; }
#ecardContainer .buttonNextContent .sendButton a:focus { outline: none; }

#ecardContainer span#stamp { width: 315px; height: 125px; text-indent: -19999px; background: url(/bkEcardsPlugin/images/stamp_2.png) left top no-repeat; position: absolute; top: 90px; left: 100px; }

#flashWrapper { width: 992px; height: 610px; overflow: hidden; position: relative; }
#flashWrapper a { position: absolute; bottom: 0px; right: 20px; width: 220px; height: 75px; text-indent: -19999px; background: url(/bkEcardsPlugin/images/sendCardButton.png) left top no-repeat; }
#flashWrapper a:focus { outline: none; }