@charset "utf-8"; /* CSS Document */ * { padding:0px; margin:0px; } html, body { height: 100%; } ul { list-style-type:none; } a { outline:none; } body { background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:black; margin:0; padding:0; } .clear { clear:both; } .main { width:100%; max-width:928px; margin:auto; } /***************** logo section start here **********************************/ .header { width:100%; margin:20px 0px 0px 0px; } .greenline { border-bottom:4px solid #47a741; } .logo { float:left; display:inline; width:252px; height:47px; position:relative; top:-8px; } .nav { float:left; display:inline; margin:0px 0px 0px 15px; } .nav ul li { float:left; display:inline; margin:0px 2px 0px 0px; } .nav ul li a{ font-size:11px; color:#ffffff; line-height:10px; text-decoration:none; display:block; background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/nav_left.jpg) no-repeat left top } .nav ul li a span{ font-size:11px; font-weight:bold; color:#ffffff; line-height:10px; display:block; padding:11px 9px 11px 9px; background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/nav_right.jpg) no-repeat right top; text-transform:uppercase; } .nav ul li a:hover { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/hav_hov_left.jpg) no-repeat left top } .nav ul li a:hover span{ background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/nav_hov_right.jpg) no-repeat right top; } .nav ul li a.current { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/hav_hov_left.jpg) no-repeat left top } .nav ul li a.current span{ background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/nav_hov_right.jpg) no-repeat right top; } .livechat { float:right; display:inline; width:220px; height:33px; } .chatfield { width:164px; padding:9px 5px; float:left; display:inline; font-size:12px; color:#666; } .chatsubmit { width:79px; float:right; display:inline; border:none; outline:none; cursor:pointer; background:none; font-size:13px; color:#646464; text-align:center; padding:8px 0px 0px 0px; } /***************** logo section end here **********************************/ .bull{ display:flex; line-height:25px; font-size:16px; } .bull > div{ float:left; } .bullred { border-radius:100%;background-color:red;height:25px;width:25px; } .bullorange { border-radius:100%;background-color:orange;height:25px;width:25px; } .bullgreen { border-radius:100%;background-color:#8bc34a;height:25px;width:25px; } .bullblue { border-radius:100%;background-color:#0072bc;height:25px;width:25px; } /***************** Banner section start here **********************************/ .banner { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/banner_bg.jpg) repeat-x left bottom #f2f2f2; margin:0px 0px 0px 0px; } .banner_left { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/banner_left.jpg) no-repeat left bottom; } .banner_right { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/banner_right.jpg) no-repeat right bottom; min-height:293px; } .banner_content { width:514px; float:left; display:inline; font-size:12px; color:#292826; line-height:22px; padding:41px 0px 0px 28px; } .banner_content h1 { font:normal 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3a3a3a; padding:0px 0px 12px 0px; } .showpc { float:left; display:inline; width:236px; margin:40px 13px 0px 0px; height:62px; background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/showpcbutton.gif) no-repeat left top; text-align:left; } .showpc a { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; line-height:21px; padding:10px 0px 10px 38px; text-decoration:none; display:block; } .showpc a:hover { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; line-height:21px; padding:10px 0px 10px 38px; text-decoration:none; display:block; } .showpc_a { float:left; display:inline; width:189px; margin:40px 33px 0px 0px; height:89px; background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/shopc_1.jpg) no-repeat left top; text-align:center; text-decoration:none; } .showpc_a_link { font:bold 23px Arial, Helvetica, sans-serif; color:#ffffff; line-height:21px; padding:15px 0px 16px 0px; text-decoration:none; display:block; text-shadow:-1px -1px -1px #11850a; margin:4px 0px 5px 0px; } .showpc_b_link { font:bold 18px Arial, Helvetica, sans-serif; color:#ffffff; line-height:21px; padding:0px 0px 0px 0px; text-decoration:none; } .hold { float:left; display:inline; width:251px; margin:50px 0px 0px 0px; } .video { float:left; display:inline; background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/videobg.png) no-repeat left top; text-align:center; width:344px; height:266px; margin:12px 0px 0px 5px; } .video_img { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/video_2.jpg) no-repeat center 11px; padding:95px 0px 0px 0px; height:242px; } /***************** Banner section end here **********************************/ /***************** Tab section start here **********************************/ .tab_section { float:left; display:inline; width:288px; margin:17px 30px 21px 0px; font-size:12px; color:#292826; line-height:22px; } .tab_section p { padding:0px 0px 12px 6px; } .tab_section_banner { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/tabbg.jpg) no-repeat left top; width:288px; height:162px; margin:0px 0px 14px 0px; position:relative; } .tabend { margin:17px 0px 21px 0px; } .tab_section_banner .boxhead { font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; padding:17px 0px 0px 20px; } .tab_section_banner .boxhead span { font-size:17px; } .readmore { margin:0px 0px 0px 22px; position:absolute; bottom:24px; } .blockimage1 { position:absolute; right:4px; bottom:-12px; } .getit { margin:0px 0px 0px 9px; } .blockimage2 { position:absolute; top:70px; left:185px; } .blockimage3 { position:absolute; right:9px; bottom:0px; } /***************** Tab section end here **********************************/ /***************** Footer section start here **********************************/ .footer { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/footer_bg.jpg) repeat-x left top #0c0e10; width:100%; } .footer_left { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/footer_left.jpg) no-repeat left top; } .footer_right { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/footer_right.jpg) no-repeat right top; padding:0px 0px 27px 0px; } .footer_link { width:640px; float:left; display:inline; margin:39px 0px 0px 40px; } .footerlink_inner { float:left; display:inline; width:140px; margin:0px 63px 0px 0px; } .footerlink_inner h6 { font-size:16px; color:#73c92d; font-weight:normal; padding:0px 0px 4px 0px; } .footerlink_inner ul li { border-bottom:1px solid #424242; padding:6px 0px; font-size:12px; color:#c1c1c1; line-height:10px; } .footerlink_inner ul li.endmenu { border-bottom:none; } .footerlink_inner ul li a{ font-size:12px; color:#c1c1c1; line-height:10px; text-decoration:none; } .footerlink_inner ul li a:hover { color:#ffffff; } .footer_right_section { width:200px; float:right; display:inline; margin:69px 38px 0px 0px; font-size:12px; color:#ffffff; } .footerupdate { float:left; display:inline; width:108px; margin:24px 0px 0px 0px; } .twitter { float:right; display:inline; width:40px; height:41px; margin:0px 0px 10px 6px; } .updatefield { background:url(https://storage.googleapis.com/smpcbucket/pub/img/leg/email.png) no-repeat right top; width:100%; height:29px; } .emailfield { float:left; display:inline; width:164px; padding:7px 5px; font-size:12px; color:#666; border:none; outline:none; background:none; } .emailsubmit { border:none; outline:none; background:none; cursor:pointer; width:26px; height:29px; float:right; display:inline; } .smpclb{ padding: 10px 10px; background-color: #FFF; border-radius: 50px; margin: 2px; width: 167px; display: block; text-align: left; box-shadow: 1px 1px 1px #e8e7e7; text-decoration:none !important; } .circlb{ border: 1px solid silver; width: 40px; height: 40px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #FFF; font-size: 18px; } .smpccout{ width:100px;height:32px;font-size:14px;font-weight:bold;border-radius: 20px;padding: 4px; } .tdbox{ border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; background-color: #FFFFFF; } .tdprdbox{ padding:20px;font-family:Arial; font-size:14px;line-height:1.3; background-color: #f4f4f4; border-radius: 10px; padding-top: 20px; } .logoban{ display:flex;justify-content: center;gap:10px;flex-wrap:wrap; } .gcplogo { height: 40px; background-color: #FFF; border: 9px solid #FFF; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-top: 20px; width: 250px; margin: auto; } .gcplogoimg{ height:40px; } /***************** Footer section end here **********************************/ /***************** Native styles start ***************************************/ h3 { font-size:1em; margin-bottom:8px;} .greenheader { font-size:1.4em;margin-top:8px;margin-bottom:2px;color:#333333;font-weight:bold;border-bottom:1px dotted green;} h2 { font-size:1.5em;margin-top:8px;margin-bottom:2px; color:#585858;font-weight:bold;border-bottom:1px dotted green;padding: 0 0 4px; } a { color:#607D8B; text-decoration:none; } a:hover{text-decoration:underline;} .smpcheader { color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:2.2em; font-weight:normal;letter-spacing:-1px;line-height:25px;padding:1px 0 8px 44px; } .smpcheader2 { font-family:Arial Black,Helvetica,sans-serif; } img {border:0; vertical-align:top; text-align:left;} /***************** Native styles end ***************************************/ #loginBtnDiv {padding:17px 0px 16px 2px;} .featureTxt {width:190px;padding-right:10px;text-align:left;} .ccImg {width:130px;} #numPC {height:40px;} .amtLabel { font-size:24px;font-weight:bold;color:#585858; } .jTip{text-decoration: none;} #featureTable td { height:30px;border-bottom:2px solid #eeeeee;padding-right: 5px; } .product-title-prem {font-size:24px;color:#75ab3b;border-top:25px solid #75ab3b; min-width:150px;width:100%} .product-title-pro {font-size:24px;color:#008fd3;border-top:25px solid #008fd3; min-width:150px;width:100%} .product-title-bus {font-size:24px;color:#7f3891;border-top:25px solid #7f3891; min-width:150px;width:100%} .product-title-ent {font-size:24px;color:#ffa500;border-top:25px solid #ffa500; min-width:150px;width:100%} .product-price {font-size:24px;} .maintitle { font-size: 36px; line-height: 55px; color: #393838; font-weight: bold; } .colorlink{color:#8B3A3A;} .amountdiv { font-size:28px;font-weight:bold; border-bottom: 0px solid #ffffff; } @media only screen and (max-width: 945px) { .main { width:100%; margin:auto; } #smpcTopMenu { display:none; } } @media only screen and (max-width: 800px) { .main { width:100%; margin:auto; } .hideOnMobile { display:none; } #smpcTopMenu { display:none; } } @media only screen and (max-width: 600px) { .main { width:100%; margin:auto; } .header { width: 100%; margin: 15px 0px 0px 10px; } .livechat { display:none; } .hideOnMobile { display:none; } .featureTxt {width:190px;padding-right:10px;text-align:left;} .ccImg {width:90px;} .product-title-prem {font-size:24px;color:#75ab3b;border-top:16px solid #75ab3b; width:100%} .product-title-pro {font-size:24px;color:#008fd3;border-top:16px solid #008fd3; width:100%} .product-title-bus {font-size:24px;color:#7f3891;border-top:16px solid #7f3891; width:100%} .product-title-ent {font-size:24px;color:#ffa500;border-top:16px solid #ffa500; width:100% !important} #loginBtnDiv {padding:17px 5px 16px 2px;} #smpcTopMenu { display:none; } .smpcheader { padding:1px 0 8px 5px; } }