/* ======================================== ==== #stepWrapper contains the structure and the styling for the 3 column steps ==== ========================================*/ #free_deal h3.title { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; ;-webkit-border-radius: 5px 5px 0 0;; width: 100%; height:47px; margin:0 auto; line-height: 48px; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase; background: url(../images/main-title.png) bottom left repeat-x; -moz-text-shadow: 0px -1px 0px #2b2b2b;-webkit-text-shadow: 0px -1px 0px #2b2b2b;text-shadow: 0px -1px 0px #2b2b2b; } #stepWrap { background:#fff; -moz-box-shadow: 0px 1px 5px #ababab;-webkit-box-shadow: 0px 1px 5px #ababab;box-shadow: 0px 1px 5px #ababab; padding: 10px 0 15px 0; } #stepWrap h3 { font-weight:700; font-size: 15px; text-align: center; margin: 0; padding: 0 0 15px 0; background: url(../images/separator.png) bottom left repeat-x; } .step1, .step2, .step3, .step4 { margin:0 auto 0; position:relative; padding: 15px 0 0 0; } .step-dots { padding: 0 0 20px 0; background: url(../images/separator.png) bottom left repeat-x; } .step-active { background: url(../images/step-active.png) top center no-repeat; padding: 25px 0 0 0; } a.next-btn { text-align: center; padding: 0 0 5px 0; font-weight: normal; width: 40px; position: absolute; right: 10px; bottom: 15px; text-decoration: none; } #stepWrap p { padding:10px 10px 0 10px!important; margin: 0!important; font-size:13px;line-height:20px; } span.fb_edge_comment_widget.fb_iframe_widget { display: none !important; } /* ==== Begin .circle ====*/ .circle { border-radius: 3px; width:163px; height:42px; margin: 0 auto; text-align:center; font-size:20px !important; line-height:45px !important; font-family:Arial, sans-serif!important; text-align: center; text-transform: uppercase; font-weight: bold; background: url(../images/step.png) bottom left repeat-x; -moz-text-shadow: 0px -1px 0px #2b2b2b;-webkit-text-shadow: 0px -1px 0px #2b2b2b;text-shadow: 0px -1px 0px #2b2b2b; } /* ====End .circle ====*/ /* ==== Begin span.line-middle ====*/ span.line-middle { position:absolute; width:0px; height:1px; background: url(../images/blue/line-middle.png); right:-21px; display:block; top:25px; } /* ==== End span.line-middle ====*/ /*==== .step1 ====*/ a.nextStep { background: url(../images/blue/next-step.png) no-repeat; width:38px; height:28px; display:block; margin:20px auto 0; } /*==== End .step1 ====*/ /*==== .step2 ====*/ .like-btn { height:20px; width:75px; display:block; margin:5px auto 0 auto; } /*==== end .step2 ====*/ /*==== .step3 ====*/ a.download-btn { width:97px; height:32px; display:block; font-size:11px; line-height:27px; text-align:center; margin:5px auto 10px; font-weight:700; color: #fff; background: url(../images/download.png) 0px 0px no-repeat; } a.download-btn:hover { background-position: 0px -32px; text-decoration: none; } a.share-btn { width:60px; height:18px; display:block; margin:5px auto 0 auto; font-weight:700; background: url(../images/share.png) no-repeat; text-indent: -9999px; } /*==== end .step3 ====*/ /* The modal window subscribe styling */ .modal-subscribe { background-color:#fff; display:none; width:520px; padding:15px; text-align:left; background: url(../images/mainContent-bg.png) repeat; /* Rounded Corners */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; } .modal-subscribe .close { background:url(../images/blue/close.png) center no-repeat; display:block; position:absolute; right:-5px; top:-5px; cursor:pointer; height:26px; width:26px; } .modal-subscribe .close:hover { background:url(../images/blue/close-hover.png) center no-repeat; height:26px; width:26px; display:block; position:absolute; right:-5px; top:-5px; } /* End modal window subscribe (.modal-subscribe) */ /* Overlay-subscribe styling elements */ #overlay-subscribe h2.title { margin-top:0px; border-radius: 7px; text-align: center; padding: 5px 0; font-weight: bold; font-size: 18px; margin: 0 0 15px 0; } #overlay-subscribe h3.title { -moz-text-shadow: none;-webkit-text-shadow: none;text-shadow: none; } #overlay-subscribe .quote { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; line-height:1.6em; color:#ababae; display:block; margin: 0 20px; } #overlay-subscribe .info { font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; clear:both; display:block; color:#898989; padding-top:30px; margin-left:40px; } /* End Overlay-subscribe styling elements */ /* ====== #subscribe-overlayForm styling ====== */ #subscribe-overlayForm { display:block; position:relative; width:340px; margin:30px auto 0; } #subscribe-overlayForm .error { line-height:12px; font-size:12px; color:#fd5b5b; float:right; z-index: 9999; display:inline; } #subscribe-overlayForm input.Email.required.email.error { border:1px solid #fd5b5b; } #subscribe-overlayForm input, #subscribe-overlayForm textarea { text-align:center; line-height:25px; width: 225px; height:25px; border: 1px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#ccc; float:right; margin-bottom:10px; } #subscribe-overlayForm label { line-height:26px; font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#666666; display:block; float:left; clear:both; } #subscribe-overlayForm textarea:focus, #subscribe-overlayForm input:focus { border: 1px solid #ffab00; line-height:25px; color: #828282; text-align:left; } #subscribe-overlayForm .submit-button { float:right; font-size:14px; border:none; background: url(../images/blue/submit-form.png) no-repeat; width: 109px; height:40px; line-height:40px; color:#fff; text-shadow: 0px -1px 1px #0d2453; letter-spacing:0.5px; cursor:pointer; clear:both; display:block; margin-top:15px; font-weight:700; } /* ====== #subscribe-overlayForm styling ====== */ /* ======================================== ==== End #stepWrapper ==== ========================================*/ /*===== Subscribe, download forms and modal box ==== */ .modal-subscribe .close:hover {background:url(../images/blue/close-hover.png) center no-repeat;} .modal-subscribe .close { background:url(../images/blue/close.png) center no-repeat;} .modal-subscribe {border: 3px solid #32a3d4;} #subscribe-overlayForm textarea:focus, #subscribe-overlayForm input:focus {border: 1px solid #0CB7DC;} #subscribe-tabForm textarea:focus, #subscribe-tabForm input:focus {border: 1px solid #0CB7DC;} #subscribe-tabForm .submit-button {background: url(../images/blue/submit-form.png) no-repeat;} #subscribe-overlayForm .submit-button {background: url(../images/blue/submit-form.png) no-repeat;} /*===== End Subscribe, download forms and modal box ==== */ /* Overlay-subscribe styling elements */ #overlay-subscribe h2.title { margin-top:0px; } #overlay-subscribe .quote { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; line-height:1.6em; color:#ababae; display:block; margin: 0 20px; } #overlay-subscribe .info { font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; clear:both; display:block; color:#898989; padding-top:30px; margin-left:40px; } /* End Overlay-subscribe styling elements */ /* ====== #subscribe-overlayForm styling ====== */ #subscribe-overlayForm { display:block; position:relative; width:340px; margin:30px auto 0; } #subscribe-overlayForm .error { line-height:12px; font-size:12px; color:#fd5b5b; float:right; z-index: 9999; display:inline; } #subscribe-overlayForm input.Email.required.email.error { border:1px solid #fd5b5b; } #subscribe-overlayForm input, #subscribe-overlayForm textarea { text-align:center; line-height:25px; width: 225px; height:25px; border: 1px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#ccc; float:right; margin-bottom:10px; } #subscribe-overlayForm label { line-height:26px; font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#666666; display:block; float:left; clear:both; } #subscribe-overlayForm textarea:focus, #subscribe-overlayForm input:focus { border: 1px solid #ffab00; line-height:25px; color: #828282; text-align:left; } #subscribe-overlayForm .submit-button { float:right; font-size:14px; border:none; background: url(../images/blue/submit-form.png) no-repeat; width: 109px; height:40px; line-height:40px; color:#fff; text-shadow: 0px -1px 1px #0d2453; letter-spacing:0.5px; cursor:pointer; clear:both; display:block; margin-top:15px; font-weight:700; } /* ====== #subscribe-overlayForm styling ====== */