/* CSS Document */ *{margin:0;padding:0;} body{font-size:1em;font-family:'Arial',Helvetica,sans-serif sans-serif;-webkit-text-size-adjust: none !important;} img{border:none;display:inline-block;} article, aside, footer, header, nav, section, figure, figcaption, main {display: block;} /*Start Header*/ .clear{ clear:both; } #header{ width: 100%; border-bottom:2px solid #ea1800; background:#fff; margin:0 auto; height:auto !important; } .header{ width:930px; margin:0 auto; } #logo{ display:block; float:left; } #logo-title { font-family: 'Times New Roman',Times !important; font-weight:bold; color:#003366; padding:38px 0 20px 95px; margin:0px; float:left; font-size:38px; line-height:100%; background:url('../images/logo-v2.png') no-repeat 0 5px; } #logo-title a, #logo-title a:link, #logo-title a:visited, #logo-title a:active, #logo-title a:hover{color:#003365 !important;text-decoration:none !important;} #essential-btns { float: right; margin-top: -2px; margin-left: -200px; } .essential-btns-static{float:left;width:auto !important;} .essential-btns{padding-bottom:5px;float:right;} .btn { font-family:Arial,Helvetica,sans-serif sans-serif; color:#ffffff !important; text-transform:uppercase; padding:6px 24px; text-decoration:none !important; float:left; font-size:14px; } .sl-btn{font-size:18px !important;} .sm-btn{font-size:16px !important;} .tt-none{text-transform:none !important;} .bold{font-weight:bold !important;} .red { font-size:0.938em; padding:5px 20px; background: #eb1800; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c41400), color-stop(1, #eb1800)); background: -ms-linear-gradient(bottom, #c41400, #eb1800); background: -moz-linear-gradient(center bottom, #c41400 0%, #eb1800 100%); background: -o-linear-gradient(#c41400, #eb1800); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41400', endColorstr='#eb1800', GradientType=0); } .red:hover { background: #c41400; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eb1800), color-stop(1, #c41400)); background: -ms-linear-gradient(bottom, #eb1800, #c41400); background: -moz-linear-gradient(center bottom, #eb1800 0%, #c41400 100%); background: -o-linear-gradient(#eb1800, #c41400); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb1800', endColorstr='#c41400', GradientType=0); } .blue-gradient{ font-size:0.938em; padding:5px 20px; background: #2d528e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0c306c), color-stop(1, #2d528e)); background: -ms-linear-gradient(bottom, #0c306c, #2d528e); background: -moz-linear-gradient(center bottom, #0c306c 0%, #2d528e 100%); background: -o-linear-gradient(#0c306c, #2d528e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c306c', endColorstr='#2d528e', GradientType=0); } .blue-gradient:hover { background: #0c306c; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2d528e), color-stop(1, #0c306c)); background: -ms-linear-gradient(bottom, #2d528e, #0c306c); background: -moz-linear-gradient(center bottom, #2d528e 0%, #0c306c 100%); background: -o-linear-gradient(#2d528e, #0c306c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d528e', endColorstr='#0c306c', GradientType=0); } .blue { background:#2d6aab; } .blue:hover { background:#1a6ac0; } .selected-lang{ float:left; position:relative; background:#fff; } .selected-lang a{ display:inline-block; } .language{ font-size:14px; color:#333333; font-family:'Arial',Helvetica,sans-serif sans-serif; vertical-align:top; display:inline-block; padding: 7px 30px 7px 10px; cursor:pointer; margin-bottom:5px; height:17px; line-height:18px; margin-right:10px; z-index:1000; } .selected-lang:hover { text-decoration:none; padding-left:10px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 6px rgba(200, 200, 200, 0.6); -o-box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.4); -pie-box-shadow: 0 2px 6px rgba(200, 200, 200, 0.6); background:#fff; } .select span{padding-left:10px;} .select img{padding-top:5px;} .lang-list{ position:absolute !important; left: 1px; top: 33px; z-index: 20; background:#fff; } .lang-list-child { box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 6px rgba(200, 200, 200, 0.6); -o-box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.4); -pie-box-shadow: 0 2px 6px rgba(200, 200, 200, 0.6); } .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333333; height: 0; width: 0; position:absolute; right: 15px; top: 13px; _border:none; _background:url('../images/arrow-down.png') 0px 0px no-repeat; _padding:5px } .lang-list a{ border-radius: 0; line-height:18px; color: #000000; display: block; font-size: 13px; padding: 4px 0 4px 34px; border:none; position:relative; background:none; background-color:#fbfbfb; width:76px; margin:0px 0; border-bottom:1px solid #ccc; text-decoration:none !important; } .lang-list img { left: 10px; position: absolute; top: 8px; } .lang-list a:hover{ color:#003366; background:#F7CB42 !important; box-shadow: 0 1px 3px #dddddd inset; text-decoration:none; } .float-right{float:right !important;} a, a:link, a:visited, a:active, a:focus { color: #333; text-decoration: none; cursor:pointer; outline: none; } a:hover { text-decoration: underline; } a.on-hover-underline, a.on-hover-underline:link, a.on-hover-underline:visited, a.on-hover-underline:active, a.on-hover-underline:hover { text-decoration: underline !important; } /* Footer styles */ #footer { background: #FFFFFF; border-top: 10px solid #094784; padding: 16px 20px; text-align: center; width:100%: } .footer{ max-width:930px; padding:0 15px; margin:0 auto; } .footer p { color: #666666; font-size: 11px; padding-bottom: 12px; padding:0 66px 18px; line-height:14px; } .footer-link, .footer-link:link, .footer-link:visited, .footer-link:active { color: #666666; text-decoration:underline !important; display:inline-block; font-weight:bold; } .footer-link:hover {text-decoration:none !important;} .pie{ behavior: url(/PIE.htc); position:relative; -pie-png-fix: true; } /* Container block styles */ #container{ width:100%; padding:0; background:#f1f1f1; margin:0; font-size:12px; } .container{ max-width:930px; padding:60px 15px; margin:0 auto; background:#f1f1f1; } .container-wrapper, .plan-container{ background: none repeat scroll 0 0 #ffffff; border: 1px solid #E3E3E3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -pie-border-radius: 5px; -ms-border-radius: 5px; padding: 30px 22px; box-shadow: 0 2px 4px 0 #CCCCCC; -webkit-box-shadow: 0 2px 4px 0 #CCCCCC; -ms-box-shadow: 0 2px 4px 0 #CCCCCC; -moz-box-shadow: 0 2px 4px 0 #CCCCCC; -o-box-shadow: 0 2px 4px 0 #CCCCCC; -pie-box-shadow: 0 2px 4px 0 #CCCCCC; margin:0 40px; max-width:684px; border-collapse: separate; _width:700px; } /* left container */ .left-container{ float:left; max-width:460px; border-right:2px solid #f1f1f1; } .right-container{ width:210px; float:left; padding-left:12px; } .form-container{ padding-bottom:60px; } h1.heading1, h1.heading2{ font-size: 23px; color: #003366; font-weight: normal; padding-bottom:10px; } h1.heading2{ font-size: 28px !important; font-weight: bold !important; text-align:center; } h2.heading2{ font-size: 18px; color: #000000; font-weight: normal; padding-bottom:10px; } .summary-container{ font-size:15px; color:#666666; border-top:1px solid #f1f1f1; padding:7px 4px; } .summary-content{ float:left; width:140px; } .summary-cost{ float:left; text-align: right; width: 54px; } .set{ color: #000000; float: left; margin-right: 14px; padding-bottom: 12px; width: 216px; } .set label{ text-transform:uppercase; font-size:12px; line-height:18px; display:block; } .set input{ font-size:13px; padding:5px 6px; width:200px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -pie-border-radius: 2px; border:1px solid #ced1d3; margin:2px 14px 4px 0; color:#333333; background:#ffffff; box-shadow: 0 1px 3px #DDDDDD inset; -webkit-box-shadow: 0 1px 3px #DDDDDD inset; -ms-box-shadow: 0 1px 3px #DDDDDD inset; -moz-box-shadow: 0 1px 3px #DDDDDD inset; -o-box-shadow: 0 1px 3px #DDDDDD inset; -pie-box-shadow: 0 1px 3px #DDDDDD inset; border-collapse: separate; } .set input[type=text]:focus, .set select:focus, .set .selected, .focus { -webkit-box-shadow: 0 0 2px 1px #8AB0D1; -ms-box-shadow: 0 0 2px 1px #8AB0D1; -moz-box-shadow: 0 0 2px 1px #8AB0D1; -o-box-shadow: 0 0 2px 1px #8AB0D1; -pie-box-shadow: 0 0 2px 1px #8AB0D1; box-shadow: 0 0 2px 1px #8AB0D1; border: 1px solid #8AB0D1; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } .set select{ font-size:13px; padding:5px 6px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -pie-border-radius: 2px; border:1px solid #ced1d3; color:#333333; background:#ffffff; width:215px; padding:4px 6px !important; background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#e8e8e8),to(#ffffff)); background:-webkit-linear-gradient(top,#e8e8e8,#ffffff); background:-moz-linear-gradient(top,#e8e8e8,#ffffff); background:-ms-linear-gradient(top,#e8e8e8,#ffffff); background:-o-linear-gradient(top,#e8e8e8,#ffffff); background:linear-gradient(top,#e8e8e8,#ffffff); -pie-background:linear-gradient(top,#e8e8e8,#ffffff); _height:30px; *height:30px; vertical-align:middle; float:left; margin:2px 14px 4px 0 !important; _display:block; } .field-errorMsg-input-text { margin: 0; padding: 0 0 5px; clear: both; } div.field-errorMsg-text { /*background: url('/images/alert.png') 0 5px no-repeat;*/ color: #FF3300 !important; font-weight: normal; margin: 0; padding: 1px 0 0; } .error { color: #FF3300 !important; font-weight: normal; margin: 0; padding: 4px 0; text-transform: none !important; font-size:13px !important; } input.field-error { background: url(../images/error-icon.png) 190px center no-repeat #ffffff; border: 1px solid #f30; } #security-code-error .field-error { background: url(../images/error-icon.png) 134px center no-repeat #ffffff !important; } select.field-error { border: 1px solid #f30; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari-Opera specific declarations here */ .set select{line-height:22px; height:27px; } } /* custom checkbox styles */ input[type=checkbox]{margin-top:3px !important;} input[type=checkbox], input[type=radio],input[type=checkbox]:focus { width:12px; outline: none; outline: 0; outline-style: none; -moz-appearance:none; padding:0 !important; } .set input.check-box, .set .check-box:focus, { width:12px !important; height:12px !important; margin-right:6px; padding:0 !important; border:none; vertical-align:top; padding:0; border: none; background:#fafafa !important; } .checkbox-bg{ color:#333; padding-top:2px; padding-left:21px; text-transform:none !important; line-height:auto !important; position:absolute; top:0px; left:0; cursor:pointer; //background:url(../images/check-icon-true.png) 0 2px no-repeat !important; *width:444px; } .unchecked{ background:url(../images/check-icon-false.png) 0 2px no-repeat !important; } .position-relative{position:relative;} /* custom checkbox styles ends*/ .h-set{width:100% !important;} /* Styles for Plan selection page */ .select-plan-container{ margin:-20px 0 0 40px; max-width:830px; } #plan-container{ margin:50px 0px 0px 0 !important; } .plan-container{ width:266px; float:left; margin:0px 8px 20px 0 !important; padding:0 0 34px 0; text-align:center; border:none !important; } .plan-header{ background:#003368; font-size:24px; font-weight:normal; padding:12px 0 11px; text-transform:uppercase; color:#fff; border-radius: 5px 5px 0px 0; -webkit-border-radius: 5px 5px 0px 0; -moz-border-radius: 5px 5px 0px 0; -pie-border-radius: 5px 5px 0px 0; } .green-bg{ padding:34px 0 20px !important; margin-top:-31px !important; background: url(../images/most-popular.png) top right no-repeat #469506 !important; position:relative; width:266px; float:left; } .plan-type{ font-size:24px; font-weight:normal; padding:16px 8px; text-align:center; color:#333333; height:80px; } /* .fr{ padding: 23px 8px !important; } */ .reg-sale, .special-notes{ font-size:20px; color:#003368; font-weight:normal; padding-bottom:8px; } .red-text{color:#d71600 !important;} .reg-sale-title, .special-notes{ font-family: 'PT Sans Narrow', sans-serif; } .original-cost{ text-decoration:line-through; } .offer-cost{ font-size:24px; font-weight:bold; } .get-started-btn{ padding:0 46px; } .get-started-btn a{width:140px;padding:6px 20px;} .plan-note, .plan-note2{ font-size:15px; color:#003368; text-align:center; padding:10px; } .plan-note2{ font-size:18px; } /* ---------------------------------------------------------------------------------------------------------------- @media only screen and (max-width: 959px){ .container{padding:15px;} .container-wrapper,.select-plan-container {margin:20px auto !important;} .form-container {padding-bottom: 30px !important;} .footer p{padding:0 10px 18px !important;} .ie7_clear{clear:right !important;} } @media only screen and (max-width: 842px){ .green-bg{margin-top:0px !important;} } @media only screen and (min-width: 600px){.checkbox-bg{*width:380px;}} @media only screen and (max-width: 700px){ .left-container{border-right:none;padding-bottom:20px;border-bottom:2px solid #f1f1f1;margin-bottom:20px;clear:left;} #logo-title{padding-top: 28px !important;} #logo-title a{ font-size:1.6em !important; } #essential-btns{margin-top:0;} .essential-btns-static{margin-top:0 !important;} } @media only screen and (max-width: 599px){ #logo-title a{ font-size:1.26em !important; } .set{clear:left;} .left-container{width:100% !important;} #plan-container{margin:20px auto !important;width:60% !important;} } @media only screen and (max-width: 400px){ .header{ width:90% !important; padding-top:10px; } .set{clear:left;} .left-container{width:100%;border-right:none;padding-bottom:20px;border-bottom:2px solid #f1f1f1;margin-bottom:20px;} .form-container {padding-bottom: 30px !important;} .footer p{padding:0 10px 18px !important;} #logo{width:55px !important;} #logo img{width:52px !important;margin-right:2% !important;} #logo-title{padding: 18px 0 0 !important;} #logo-title a{ font-size:0.9em !important; } .check-box{margin-bottom:25px !important;} .hide{display:none;} #plan-container{width:95% !important;} .sm-btn{font-size:12px !important;} } */ .payment-alerts { margin: 0; padding: 10px; } .payment-alerts h1 { color: #FF0000; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 3px; } .payment-alerts p { color: #313419; font-size: 13px; font-weight: normal; margin: 0; padding: 0; } .single-payment #plan-container{width:830px;margin-top:30px !important;} .single-payment .plan-container{margin:0 auto 40px !important;float:none !important;} .single-payment .plan-type{height:auto !important;padding-bottom:24px !important;} /* .box-left { padding:0 0 17px; background:url('../images/box-left.png') left bottom no-repeat transparent; float:left; } .box-right { background:url('../images/box-right.png') right bottom no-repeat transparent; float:left; }*/ #special-notes{ margin-top:-60px; margin-bottom:60px; } .special-notes{ padding:2px 60px 4px; } .bg-cc0001{background:#cc0001 !important;color:#ffffff !important;} .left-shadow { background: url("../images/shadow-left.png") no-repeat scroll left bottom transparent; float: left; padding: 0 0 11px; } .right-shadow { background: url("../images/shadow-right.png") no-repeat scroll right bottom transparent; float: left; } .CC-images img{display:block; float:left;margin-right:6px;} .CC-images .focus{margin-top:-2px;margin-right:4px;} /* Styles for Count Down banner */ .countDown-container{float:left;margin:0 10px;} #countDown{width:100%;padding:12px 0 0;background:#f1f1f1;} .countDown{ width:700px; margin:0 auto; padding:10px; *padding-bottom:0 !important; border:3px solid #99ccff; background:#003368; color:#fff; } .countDown span{float:left;} .z-countdown-main{ background:#000; } .z-countdown{background:#000;padding:4px 5px;} .z-group{float:left;padding-right:6px;background:#000;} .countdown-digit{ font-size:26px; font-weight:bold; float:left; padding:2px 4px; border-right:1px solid #666666; background: #252526; /* Old browsers */ background: -moz-linear-gradient(top, #252526 0%, #5e5e5e 49%, #ffffff 50%, #252526 51%, #5e5e5e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252526), color-stop(49%,#5e5e5e), color-stop(50%,#ffffff), color-stop(51%,#252526), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #252526 0%,#5e5e5e 49%,#ffffff 50%,#252526 51%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #252526 0%,#5e5e5e 49%,#ffffff 50%,#252526 51%,#5e5e5e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #252526 0%,#5e5e5e 49%,#ffffff 50%,#252526 51%,#5e5e5e 100%); /* IE10+ */ background: linear-gradient(to bottom, #252526 0%,#5e5e5e 49%,#ffffff 50%,#252526 51%,#5e5e5e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252526', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-9 */ } .z-group .label{font-size:10px;text-align:center;line-height:10px;clear:left;} .group-seconds{padding-right:0 !important;} /* input type submit styles starts */ #payment .set .btn-submit{ font-size:18px; font-weight:bold; text-transform:uppercase; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -pie-border-radius: 0px; border:none; margin: 0; color:#fff; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -pie-box-shadow: none; cursor:pointer; padding:5px 20px; width:auto; background: #eb1800; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c41400), color-stop(1, #eb1800)); background: -ms-linear-gradient(bottom, #c41400, #eb1800); background: -moz-linear-gradient(center bottom, #c41400 0%, #eb1800 100%); background: -o-linear-gradient(#c41400, #eb1800); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41400', endColorstr='#eb1800', GradientType=0); } #payment .set .btn-submit:hover{ background: #c41400; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eb1800), color-stop(1, #c41400)); background: -ms-linear-gradient(bottom, #eb1800, #c41400); background: -moz-linear-gradient(center bottom, #eb1800 0%, #c41400 100%); background: -o-linear-gradient(#eb1800, #c41400); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb1800', endColorstr='#c41400', GradientType=0); } /* input type submit styles ends */ /* new style */ .warning-container { width: 98%; display: block; margin-bottom: 15px; float: left; *float:none; *margin-bottom: 0px; } .warning-container h1 { font-size: 28px; color: #003368; text-transform: uppercase; padding: 15px 10px; display: block; float: left; width: 98%; margin-bottom: 30px; } .warning-pad { width: 98%; padding: 15px 10px; background-color: #ffffff; display: block; float: left; } .warning-img { width: 50px; float: left; vertical-align: middle; display: block; } .warning-text p{ float: left; color: #020202; font-size: 18px; padding: 10px 0; } /* New Payment Plan Select Page */ .navy-bg{ padding:34px 0 20px !important; margin-top:-31px !important; background: url(/images/most-popular-navy.png) top right no-repeat #003368 !important; position:relative; width:266px; float:left; } .gray-bg { background: none repeat scroll 0 0 #808080 !important; border-radius: 5px 5px 0 0; color: #fff; font-size: 24px; font-weight: normal; padding: 12px 0 11px; text-transform: uppercase; }