@charset "utf-8";
/* CSS Document */


/* ----------------- VPM Tab ONLY ------------------ */

.PackVPM_tabs
{
	width:100%;
	float:left;
	margin-left:0px;
	padding-left:0px;
	margin-top:10px;
}


.PackVPM_tabs ul.tabs
{
	padding-right:5px;
	padding-left:0px; /* Align tabs to left */
	margin:0;
	list-style-type:none;

}


.PackVPM_tabs li
{
	float:left;
	margin-right:2px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	position:relative;

	top:1px;
	padding:10px 0px 10px 0px; /* Make the tab overal spacing */
}




.PackVPM_tabs .tabs li a
{
	padding:10px 10px 10px 5px; /* Adjust Web Hosting Tab Left n Right Spacing */
	margin-left:2px;
	width:auto;
	display: inline; /* Actual display:block, but due to diffierent browser behavior, now we use inline to instead */
	/*font-size:11px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:108%;
	text-align:center;
	outline:none;
	text-decoration:none;
}


.PackVPM_tabs tabs li a:hover
{
	color: #FFFF00!important;
	outline:none;
}

.PackVPM_tabs li a:visited
{
	color:#039;
	outline:none;
}

.PackVPM_tabs .tabs li a:link 
{
	color:#455B80;
	outline:none;
}


/* tab bar  */

.PackVPM_tabs .general ul.tabs
{
	height:36px;
	background-color:#666666;
}



.PackVPM_tabs .general .tabs li
{
	margin:10px 4px 0 0;
	float:left;

}

/*  -- tabs spacing -- */
.PackVPM_tabs .general .tabs li a:link, .PackVPM_tabs.general . tabs li a:hover, .PackVPM_tabs.general .tabs li a:visited
{
	text-decoration:none!important;
	padding:7px 12px 5px 12px;
}

/*  -- tabs spacing */

.PackVPM_tabs.general .tabs li.current
{
	top:1px!important;
	background-color:#ffffff;
	border:1px solid #ccc;
	border-bottom:1px solid #ffffff;
	text-align:center;
	position:relative;
}



.PackVPM_tabs.general .tabs li.current a:link,.PackVPM_tabs.general .tabs li.current a:hover,.PackVPM_tabs.general .tabs li.current a:visited
{
	padding-bottom:10px; /* cover the bottom line */
	color: #444444!important;
	font-weight:bold;
	font-size:117%;

}



/* ---- Make sure dont insert "Width". The outline of box will display different width in all browser. ------*/


.PackVPM_tabs.general .box
{
	border:1px solid #c6c6c6;
	background-color:#ffffff;
	padding:15px;
	display:inline-block;
	width:423px;
}

/* VPM Tabs END */

/* Package Images */
.OneVPM_CD
{
	display:block;
	background:url(/images/vpm/pack-1vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.OneVPM_CD_Owner
{
	display:block;
	background:url(/images/vpm/packowner-1vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.TwoVPM_CD_Owner
{
	display:block;
	background:url(/images/vpm/packowner-2vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.ThreeVPM_CD_Owner
{
	display:block;
	background:url(/images/vpm/packowner-3vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}



.FiveVPM_CD
{
	background:url(/images/vpm/pack-5vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FiveVPM_CD_Owner
{
	background:url(/images/vpm/packowner-5vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.SWF_W_Watermark
{
	background:url(/images/vpm/swf-w-watermark.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-9999px;
	padding-left:20px;
}

.SWF_NO_Watermark
{
	background:url(/images/vpm/swf-no-watermark.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-9999px;
	padding-left:20px;
}

.TenVPM_CD
{
	background:url(/images/vpm/pack-10vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FifteenVPM_CD
{
	background:url(/images/vpm/pack-15vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.TenVPM_CD_Owner
{
	background:url(/images/vpm/packowner-10vpm-cd.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FiveVPM_CD_Renewal
{
	background:url(/images/vpm/pack-5vpm-cd-renewal.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.TenVPM_CD_Renewal
{
	background:url(/images/vpm/pack-10vpm-cd-renewal.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FifteenVPM_CD_Renewal
{
	background:url(/images/vpm/pack-15vpm-cd-renewal.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FiveVPM_CD_New
{
	background:url(/images/vpm/pack-5vpm-cd-new.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.TenVPM_CD_New
{
	background:url(/images/vpm/pack-10vpm-cd-new.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.FifteenVPM_CD_New
{
	background:url(/images/vpm/pack-15vpm-cd-new.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

.OneVPM_CD_New
{
	background:url(/images/vpm/pack-1vpm-cd-new.gif) right top no-repeat;
	width:185px;
	height:199px;
	text-indent:-999px;
	padding-left:20px;
}

/* Package Images END */


/* Tab Content */

.Gn_Tabs_VPM_Table
{
	width:100%;
}

.Gn_Tabs_VPM_Table  td
{
	vertical-align:top;
}

.Gn_Tabs_VPM_Table ul
{
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}

.Gn_Tabs_VPM_Table li
{
	width:172px;
	margin-bottom:5px;
	display: block;
	font-size:92%;
	padding:0;
	padding-left: 23px;
	padding-bottom:0;
	margin-left:0;
	border:0;
	background:url(/images/arrow_list.gif) left top no-repeat;
}

.Gn_Tabs_VPM_Table .learn
{
	padding-top:10px;
	padding-left:23px;
	
	font-size:92%;
}

.Gn_Tabs_VPM_Table .notice
{
	padding-top:20px;
	padding-left:7px;
	font-size:92%;
	font-style:italic;
}

.Gn_Tabs_VPM_Table .learn a
{
	font-size:92%;
}

.Gn_Tabs_VPM_Table .first
{
	width:202px;
	vertical-align:top;
}

.Gn_Tabs_VPM_Table .ShowCase
{
	width:195px;
	padding-left:5px;
	vertical-align:top;
}

/* Special For Agent Website Package with 1 VPM */

.Gn_Tabs_VPM_Table2
{
	width:100%;
}

.Gn_Tabs_VPM_Table2  td
{
	vertical-align:top;
}

.Gn_Tabs_VPM_Table2 ul
{
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}

.Gn_Tabs_VPM_Table2 li
{
	width:172px;
	margin-bottom:5px;
	line-height:normal;
	display: block;
	font-size:92%;
	padding:0;
	padding-left: 23px;

	margin-left:0;
	border:0;
	background:url(/images/arrow_list.gif) left top no-repeat;
}

.Gn_Tabs_VPM_Table2 .learn
{
	padding-top:10px;
	padding-left:23px;
	
	font-size:92%;
}

.Gn_Tabs_VPM_Table2 .learn a
{
	font-size:92%;
}

.Gn_Tabs_VPM_Table2 .first
{
	width:202px;
	vertical-align:top;
}

.Gn_Tabs_VPM_Table2 .ShowCase
{
	width:195px;
	padding-left:5px;
	vertical-align:top;
}

.Gn_Tabs_VPM_Pack
{
	width:100%;
	margin:auto;
	border:1px solid #cccccc;
}

.Gn_Tabs_VPM_Pack_Gap
{
	height:15px;
}

.Gn_Tabs_VPM_Pack .content
{
	padding:5px;
	height:auto;
}

/* Special Agent Web with VPM */

.Gn_Tabs_VPM_Pack2
{
	width:100%;
	margin:auto;
}

.Gn_Tabs_VPM_Pack2 .content
{
	padding:0;
	height:auto;
}

.Tab_VPM_package_Title
{
	font-size:150%;
	font-weight:bold;
	font-family:trebuchet, "Trebuchet MS", sans-serif;

}

.Tab_VPM_include
{
	padding-top:5px;
}

.Tab_VPM_addtocart
{
	padding-top:5px;
	text-align:right;
}

.Tab_VPM_Package_Subtitle
{
	
	font-weight:bold;
	color:#0b619f;
	padding-top:5px;
	padding-bottom:10px;
}

.Tab_VPM_Free
{
	font-size:125%;
	color: #990000;
	font-weight:bold;
}

/* Maintenance END */

/* Individual Product Page */

.VPM_SubPack
{
	width:100%;
	clear:both;
}

.VPM_SubPack .first
{
	width:60%;
}

.VPM_SubPack .ShowCase
{
	width:40%;
}

.VPM_SubPack .vpmbtn
{
	padding-top:8px;
	text-align:right;
}

.VPM_SubPack ul
{
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}

.VPM_SubPack li
{
	width:220px;
	margin-bottom:5px;
	display: block;
	font-size:92%;
	padding-left: 23px;
	margin-left: 0;
	padding-bottom:0;
	padding-top:0;
	border:0;
	background:url(../images/arrow_list.gif) left top no-repeat;
}

.VPM_SubPack .learn
{
	padding-top:10px;
	padding-left:23px;
	
	font-size:92%;
}

.VPM_SubPack .notice
{
	padding-top:20px;
	padding-left:7px;
	font-size:92%;
	font-style:italic;
}

.VPM_SubPack .learn a
{
	font-size:92%;
}

.VPM_SubPack .first
{
	width:100%;
	vertical-align:top;
}


.VPM_SubPack .learn
{
	padding-top:10px;
	padding-left:25px;
	font-size:92%;
}

.VPM_SubPack_Radio
{
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:5px;

}

/* Product END */



/* Tab Content END*/


/* Benefit Page */

.bulletNumber
{
	width:100%;
}

.bulletDot li
{
	list-style: disc;
	margin-bottom:12px;
}

.bulletDot
{
	width:100%;
}

.bulletNumber li
{
	list-style:decimal;
	margin-bottom:12px;
}

/* Benefit END */


/* Compare Plans */

.VPM_compare_Table
{
	width:100%;
	border:1px solid #d5d2d2;
	border-bottom:0;
	border-right:0;
	margin-top:20px;
}

.VPM_compare_Table .subject
{
	width:28%;
}

.VPM_compare_Table .pack
{
	width:18%;
	text-align:center;
}

.VPM_compare_Table .No
{
	color:#990000;
	font-size:15px;
}

.VPM_compare_Table .subject_Spec
{
	font-size:108%;
	color: #5c9300;
	font-weight:bold;
}

.VPM_compare_Table th
{
	padding:5px;
	background-color:#666666;
	border:1px solid #d5d2d2;
	border-top:0;
	border-left:0;
	color:#FFFFFF;
}

.VPM_compare_Table .USP
{
	font-weight:bold;
	text-decoration:line-through;
}

.VPM_compare_Table .Plan_Title
{
	color: #5c9300;

	font-weight:bold;
}

.VPM_compare_Table .NormalPrice
{
	font-weight:bold;
}

.VPM_compare_Table .ProPrice
{
	font-size:158%;
	font-weight:bold;
	color: #FF0033;
}

.VPM_compare_Table .ProPriceSign
{
	font-size: 128%;
	font-weight: bold;
	color: #ff0033;
}


.VPM_compare_Table .ProPriceWeBuild
{
	font-size:158%;
	font-weight:bold;
	color: #5c9300;
}

.VPM_compare_Table .SignWeBuild
{
	font-size:100%;
	margin-right:2px;

	color: #5c9300;
	vertical-align:top;
}

.VPM_compare_Table .Sign
{
	font-size:100%;
	margin-right:2px;

	color: #FF0033;
	vertical-align:top;
}



.VPM_compare_Table .pack_title
{
	font-size:115%;
	font-weight:bold;
	text-align:center;
}

.VPM_compare_Table td
{
	padding:5px;

	border:1px solid #d5d2d2;
	border-top:0;
	border-left:0;
}

.VPM_compare_Table td.plans
{
	background-color:#f2f5f8;
}

.VPM_compare_Table td.prices
{
	background-color: #f2f5f8;
}

.VPM_compare_Table th.Subject_Plan_Title
{
	color: #ffffff;
	font-size:108%;
	font-weight:bold;
	text-align:left;
	background-color:#666666;
}


.VPM_compare_Table .V2OBtn_Cart
{
	width:70px;
	padding-left:2px;
	padding-right:2px;
	margin:0;
	font-size:92%;
}

.VPM_compare_Table td:hover
{
	background-color:#FFFFCC;
}

.VPM_compare_Table  .adj
{
	text-align:center;
}

/* Compare Plans END */

/*======== VPM Sample tour ========*/


.VPM_SampleTour01
{
	background:url(/images/vpm/sample-tour01.gif) no-repeat;
	border:none;
	width:196px;
	height:147px;
	margin:auto;
	cursor:pointer;
	text-indent:-999px;
	display:block;
}

.VPM_SampleTour01:hover
{
	background:url(/images/vpm/sample-tour01-hover.gif) no-repeat;
	border:none;
	width:196px;
	height:147px;
	margin:auto;
	cursor:pointer;
	text-indent:-999px;
	display:block;
}

.VPM_SampleTour02
{
	background:url(/images/vpm/sample-tour02.gif) no-repeat;
	border:none;
	width:196px;
	height:147px;
	margin:auto;
	cursor:pointer;
	text-indent:-999px;
	display:block;
}

.VPM_SampleTour02:hover
{
	background:url(/images/vpm/sample-tour02-hover.gif) no-repeat;
	border:none;
	width:196px;
	height:147px;
	margin:auto;
	cursor:pointer;
	text-indent:-999px;
	display:block;
}

/*======== VPM Sample tour END ========*/

/* ===== Virtual Tour Booking Info ===== */

.Virtual-BookingInfo
{
	width:100%;
}

.Virtual-BookingInfo td
{
	vertical-align:top;
}