@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:10px;
	}
}