html {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
body {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
form {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
fieldset {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border: 0px;
}
h1 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
h2 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
h3 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
h4 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
h5 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
h6 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
p {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
pre {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
blockquote {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
ol {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
dl {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
address {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}

ul {
	list-style-type: none
}

img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}

body {
	background: url("../resources/gradient_body.gif") repeat-x;	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
}

a {
	text-decoration: none; color: #007694;	
}

a:hover {
	text-decoration: underline;	
}













/* EVERYTHING IN THE HEAD STARTS */
#head {
	width: 100%; height: 103px; background: url("../resources/header_bg.gif") repeat-x;
}

#logo {
	position: relative;	left: 84px; width: 170px; height: 103px; background: url("../resources/vuox.gif") no-repeat; text-indent: -9999px;
}

#header_navi {
	position: absolute;	right: 84px; top: 71px;	width: 420px; height: 32px;
}

#header_navi li{
	text-indent: -9999px;float: left;
}

#header_navi #home {
	width: 84px; height: 32px;	background: url("../resources/home.gif") no-repeat;	background-position: 0px -32px;	display: block;	text-decoration: none;
}

#header_navi #hosting {
	width: 84px; height: 32px;	background: url("../resources/hosting.gif") no-repeat;	background-position: 0px -32px;	display: block;	text-decoration: none;
}

#header_navi #order {
	width: 84px; height: 32px; background: url("../resources/order.gif") no-repeat; background-position: 0px -32px;	display: block;	text-decoration: none;
}

#header_navi #domain {
	width: 84px; height: 32px; background: url("../resources/domain.gif") no-repeat; background-position: 0px -32px; display: block; text-decoration: none;
}

#header_navi #support {
	width: 84px; height: 32px;	background: url("../resources/support.gif") no-repeat;	background-position: 0px -32px;	display: block;	text-decoration: none;
}

#client_login {
	position: absolute;	top: 15px;	right: 84px; width: 240px; background: url("../resources/client-login.gif") no-repeat;
}
#client_login input {
	border: 0px; font-size: 11px; font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif; background: transparent;
}

#client_login #username {
	position: relative;	left: 5px; width: 90px;	vertical-align: middle;
} 

#client_login #password {
	position: relative;	left: 16px;	width: 90px; vertical-align: middle;
}

#client_login #submit {
	position: relative;	left: 25px;	vertical-align: middle;	
}
/* EVERYTHING IN THE HEAD ENDS */







/* EVERYTHING IN THE BODY STARTS */
#body {
	margin: 0px auto 0px auto; width: 760px; padding: 30px 20px 20px 20px;
}

#body #header {
	width: 760px; height: 180px; background: url("../resources/dedicated-hosting-header.gif") no-repeat; text-indent: -9999px;	
}

#body #server {
	margin-top: 10px; padding-left: 80px; padding-top: 10px; text-align: left; font-size: 12px; width: 680px; height: 100px; background: url("../resources/server.gif") no-repeat;
}

#body #web-hosting-options {
	background: url("../resources/web-hosting-options.gif") no-repeat; text-indent: -9999px;
}

#body #plan {
	font-size: 12px;	
}

#body .info {
	font-size: 12px;	
}


#body #feature {
	font-weight: bold;	
}

#body #feature ul li{
	text-indent: 20px; font-weight: normal;
}

#body .index-body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 12px;
}

#body .index-body #sidebar a.home-sidebar {
	color: #333333;
}

#body .index-body td {
	padding: 0px;
	margin: 5px;
	border: 0px;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}

#body .index-body #ad img{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#body .index-body #sidebar {
	background: url("../resources/sidebar-bg.gif") no-repeat;
	padding: 10px 10px 0px 10px;
	width: 220px;
}

#body .index-body #sidebar .sidebar-title {
	font-weight: bold;
	font-size: 12px;
}

#body .index-body #sidebar .sidebar-text {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
}

#body .index-body .perm-ad {
	width: 200px;	
	height: 150px;
}

#body .index-body .perm-ad-last {
	width: 100px;	
	height: 150px;
}

#body hr
{
	height: 1px;
	border: 1px dashed #CCCCCC;	
}

#body #seals {
	width: 760px;	
}

#body #seals img {
	vertical-align: middle;
}

#body #seals #right {
	text-align: right;
}

#body #seals #left {
	text-align: left;
}

#body #policy {
	font-size: 11px;
	text-align: justify;	
}

#body #policy #promotional-offer {
	height: 28px;
	background: url("../resources/vuox-hosting-policies.gif") no-repeat;
	text-indent: -9999px;	
}

#body #policy #vuox-hosting-policies {
	height: 28px;
	background: url("../resources/vuox-hosting-policies.gif") no-repeat;
	text-indent: -9999px;	
}


#body #policy #policies-sep {
	border: 1px dotted #999999;
	height: 1px;
	margin-bottom: 10px;
}

#body #policy h2, #body #policy h3{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

#body #policy h4{
	font-size: 12px;
	font-weight: bold;
}

#body #policy ol{
	list-style-type: decimal;	
	margin-bottom: 10px;
}

#body #policy ul{
	list-style-type: disc;	
	margin-bottom: 10px;
}	

#body #policy p {
	margin-bottom: 12px;
}

#body #policy .red {
	color: #FF0000;
}

#body #support-body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;	
	vertical-align: top;
}

#body #support-body #sidebar {
	vertical-align: top;
	text-align: center;	
}

#body #support-body #menu {
	background: url("../resources/sidebar-bg.gif") no-repeat;
	padding: 10px 10px 0px 10px;
	text-align: left;	
	vertical-align: top;
	width: 201px;
	height: 301px
}

#body #support-body #menu #menu-list{
	font-size: 12px;
}

#body #support-body #menu #menu-list li{
	font-size: 12px;
	padding: 5px;
	width: 150px;
	border-bottom: 1px dotted #333333;
}

#body #support-body #menu #menu-list li a{
	text-decoration: none;
	color: #333333;
}

#body #support-body #sm-banner {
	padding: 10px;	
	text-align: center;
}

#body #support-body #main h3 {
	font-size: 14px;
	font-weight: bold;
}

#body #support-body #main {
	text-align: left;	
	vertical-align: top;
	font-size: 12px;
}

#body #support-body #main td {
	padding: 5px;	
}

#body #support-body #main hr{
	height: 1px;
	width: 100%;
	border: 1px dashed #CCCCCC;
}

#body #support-body #main #support-centre {
	width: 202px;
	height: 26px;
	background: url("../resources/support-centre.gif") no-repeat;
	text-indent: -9999px;	
}

#body #support-body #main h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

#body #support-body #main ol li{
	list-style: decimal inside;
	margin: 5px;
}

#body #support-body #main ul li{
	list-style: disc inside;
	margin: 5px;
}

#body #support-body #main .icon {
	vertical-align: middle;
}

#body #support-body #main #server-status {
	width: 202px;
	height: 26px;
	background: url("../resources/server-status.gif") no-repeat;
	text-indent: -9999px;	
}

#body #support-body #main .bar {
	width: 2px;
	height: 9px;
}

#body #support-body #main #service-status {
	width: 100%;
}

#body #support-body #main .input-select {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #support-body #main .input-text {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #support-body #main textarea.input-text {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 150px;
	font-size: 12px;
}

#body #support-body #error {
	font-size: 12px;
	border: 5px solid #930000;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
	
}

#body #support-body #ok {
	font-size: 12px;
	border: 5px solid #739A00;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
}

#body #order-body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;	
	vertical-align: top;
	font-size: 12px;
}

#body #order-body td {
	padding: 5px;
	margin: 0px;
	border: 0px;
	text-align: left;	
	vertical-align: top;
}

#body #order-body #steps {
	width: 180px;
}

#body #order-body #steps #lost-info {
	padding: 10px;
	background-color: #D4D0C8;
}

#body #order-body #steps #steps-list {
	margin-top: 45px;	
}

#body #order-body #main hr {
	height: 1px;
	width: 100%;
	border: 1px dashed #CCCCCC;
}

#body #order-body #main #order-form {
	width: 202px;
	height: 26px;
	background: url("../resources/order-form.gif") no-repeat;
	text-indent: -9999px;	
}

#body #order-body #main #checking{
	display: none;
	width: 125px;
	vertical-align: middle;
}

#body #order-body #main h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

#body #order-body #main .input-select {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #order-body #main .input-text {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #order-body #main #continue {
	text-align: right;
}

#body #order-body #main #back {
	text-align: left;
}

#body #order-body #main #error {
	border: 5px solid #930000;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
	
}

#body #order-body #plans #order-lite  {
	width: 501px;
	height: 70px;
	background: url("../resources/order-lite.gif") no-repeat;
	vertical-align: middle;
}

#body #order-body #plans #order-inc  {
	width: 501px;
	height: 70px;
	background: url("../resources/order-inc.gif") no-repeat;
	vertical-align: middle;
}

#body #order-body #plans #order-dev  {
	width: 501px;
	height: 70px;
	background: url("../resources/order-dev.gif") no-repeat;
	vertical-align: middle;
}

#body #order-body #main .order-4-col  {
	width: 250px;
}

#body #order-body #main #fee-summary  {
	background-color: #E9F1D8;
	border: 1px solid #CCCCCC;
	width: 500px;
}

#body #order-body #main .order-4-center {
	text-align: center;
	width: 250px;
}
#body #order-body #main .order-4-justfy {
	text-align: justify;
}

#body #order-body #main #order-subscribe {
	text-align: center;
}

#body #kb-body {
	font-size: 12px;
	vertical-align: top;
}

#body #kb-body #legend {
	background-color: #EEEEEE;
	padding: 10px;	
}

#body #kb-body #legend img {
	vertical-align: middle;
}

#body #kb-body #sm-banner {
	padding: 10px;	
	text-align: center;
}


#body #kb-body #main hr {
	height: 1px;
	width: 100%;
	border: 1px dashed #CCCCCC;
}

#body #kb-body #category {
	padding: 10px;
	text-align: left;	
	vertical-align: top;
	width: 180px;
}

#body #kb-body #category #cat-list {
	list-style-image: url("../resources/folder-green.gif");
}

#body #kb-body #main #knowledge-base{
	width: 250px;
	height: 26px;
	background: url("../resources/knowledge-base.gif") no-repeat;
	text-indent: -9999px;
}

#body #kb-body #main {
	vertical-align: top;
}

#body #kb-body #main #article p {
	margin: 10px 0px 10px 0;
}

#body #kb-body #main #article h3 {
	margin: 0px 0px 20px 0;
}

#body #kb-body #main #article ol {
	list-style: decimal inside;
}

#body #kb-body #main #article ol li{
	margin: 10px 0px 10px 0;
}

#body #helpdesk #help-desk {
	width: 250px;
	height: 26px;
	background: url("../resources/help-desk.gif") no-repeat;
	text-indent: -9999px;
}

#body #helpdesk .helpdesk-login-content {
	padding: 10px;
	text-align: left;
	font-size: 12px;
	width: 600px;
}

#body #helpdesk .helpdesk-login-content .instruction {
	background-color: #D4D0C8;
	padding: 10px;
	margin: 10px;
	width: 200px;
}

#body #helpdesk .helpdesk-login-content .spacer {
	width: 50px;
}

#body #helpdesk img {
	vertical-align: middle;	
}

#body #helpdesk h3 {
	font-size: 12px;
}

#body #helpdesk hr {
	height: 1px;
	width: 100%;
	border: 1px dashed #CCCCCC;
}

#body #helpdesk #main .input-text, #body #helpdesk #main .input-select {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #helpdesk #main textarea.input-text {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 500px;
	height: 200px;
	font-size: 12px;
}

#body #helpdesk #error {
	font-size: 12px;
	border: 5px solid #930000;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
	
}

#body #helpdesk #ok {
	font-size: 12px;
	border: 5px solid #739A00;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
}


#body #helpdesk #main {
	font-size: 12px;	
}

#body #helpdesk #main #side-bar {
	padding: 10px;
	width: 200px;
	vertical-align: top;
}

#body #helpdesk #main #content{
	padding: 10px;
	width: 500px;
	vertical-align: top;
}

#body #helpdesk #main #content #ticket-info{
	background-color: #DFEFFF;
	padding: 10px;
}

#body #helpdesk #main #content #replies{
	width: 500px;
}

#body #helpdesk #main #content #ticket-view{
	width: 500px;
}

#body #helpdesk #main #content #ticket-view td{
	margin: 5px;
	padding: 5px;
	background-color: #F3F6F8;
}

#body #helpdesk #main #replies .reply-info-user {
	background-color: #DFEFFF;
	padding: 10px;
}

#body #helpdesk #main #replies .reply-msg-user {
	background-color: #F3F6F8;
	padding: 10px;
}

#body #helpdesk #main #replies .reply-info-staff {
	background-color: #C0FE00;
	padding: 10px;
}

#body #helpdesk #main #replies .reply-msg-staff {
	background-color: #F1FFC6;
	padding: 10px;
}

#body #jargon-banner {
	width: 760px; height: 180px; background: url("../resources/jargon-banner.gif") no-repeat; text-indent: -9999px;	
}

#body #presales-faq-banner {
	width: 760px; height: 180px; background: url("../resources/presales-faq-banner.gif") no-repeat; text-indent: -9999px;	
}

#body #presales-body {
	font-size: 12px;
	vertical-align: top;
}

#body #presales-body p {
	margin: 10px;
}

#body #presales-body h3 {
	font-size: 14px;
	margin-top: 20px;
}

#body #presales-body hr {
	height: 1px;
	width: 100%;
}

#body #jargon-body {
	margin: 0px auto 0px auto;
	width: 760px;
}

#body #jargon-body h3 {
	font-size: 14px;
}

#body #jargon-body .jargon-col {
	font-size: 12px;
	padding: 5px;
	width: 250px;
	vertical-align: top;
}

#body #jargon-body p {
	margin: 10px;
	font-size: 12px;
}

#body #client-body {
	font-size: 12px;
}

#body #client-body hr {
	height: 1px;
	width: 100%;
	border: 1px dashed #CCCCCC;
}

#body #client-body #sidebar, #body #client-body #main  {
	vertical-align: top;
}


#body #client-body #sidebar #navi {
	width: 180px;
	margin: 10px;
	padding: 10px;
	background-color: #D4D0C8;
}

#body #client-body #sidebar #navi li a {
	text-decoration: none;
	color: #333333;
}

#body #client-body #sidebar #navi li {
	font-size: 12px;
	padding: 5px;
	width: 150px;
}

#body #client-body #main #client-area
{
	width: 250px;
	height: 26px;
	background: url("../resources/client-area.gif") no-repeat;
	text-indent: -9999px;
}

#body #client-body #main .input-text, #body #client-body #main .input-select {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #client-body #main #error {
	border: 5px solid #930000;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
}

#body #client-body #main #ok {
	border: 5px solid #739A00;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
}

#body #client-body #main h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

#body #client-body #main #fee-summary  {
	background-color: #E9F1D8;
	border: 1px solid #CCCCCC;
	width: 500px;
}

#body #client-body #main #details {
	padding: 5px;
}

#body #client-body #main #continue {
	text-align: right;
}


#body #secure-banner {
	width: 760px; height: 180px; background: url("../resources/secure-banner.gif") no-repeat; text-indent: -9999px;	
}

#body #secure-body {
	font-size: 12px;	
}

#body #secure-body h1, #body #secure-body h2, #body #secure-body h3 {
	margin: 20px 0px 0px 0px;
}

#body #secure-body p {
	margin: 10px;
}

#body #domain-banner {
	width: 760px; height: 180px; background: url("../resources/domain-banner.gif") no-repeat; text-indent: -9999px;	
}

#body #intro {
	margin-top: 20px; text-align: left; font-size: 12px;
}

#body #global {
	margin-top: 10px; padding-left: 80px; padding-top: 10px; text-align: left; font-size: 12px; width: 300px; height: 100px; background: url("../resources/global.gif") no-repeat;
}

#body #global #gtlds {
	background: url("../resources/gtlds.gif") no-repeat; text-indent: -9999px;	
}

#body #singapore {
	margin-top: 10px; padding-left: 80px; padding-top: 10px; text-align: left; font-size: 12px; width: 300px; height: 100px; background: url("../resources/sg-cctld.gif") no-repeat;
}

#body #singapore #sg-cctlds {
	background: url("../resources/cctlds.gif") no-repeat; text-indent: -9999px;	
}

#body #domain-main {
	width: 760px;
}

#body #domain-main td {
	text-align: center;	
	vertical-align: top;
}

#body table.schedule {
	width: 280px;
	font-size: 12px;
	margin: 0px auto 0px auto;	
}

#body #intro .input-text, #body #intro .input-select {
	font-family: "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
}

#body #intro #error {
	border: 5px solid #930000;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;	
}

#body #intro #ok {
	border: 5px solid #739A00;
	background-color: #EEEEEE;
	margin: 10px;
	padding: 10px;
}

/* EVERYTHING IN THE BODY ENDS */











/* EVERYTHING IN THE FOOT STARTS */
#foot {
	text-align: center;	font-size: 11px; color: #666666; clear: both;
	background-color: transparent;
}

#foot .sep {
	height: 1px; width: 760px;	border: 1px solid #999999;	
}
/* EVERYTHING IN THE FOOT ENDS */


/* HINT BOX START */
#hintbox{ /*CSS for pop up hint box */
	width: 150px; /*Default width of hint.*/ 
	position:absolute; top: 0;	background-color: #F8FFDA; padding: 3px;
	border-top: 1px solid black; border-left: 1px solid black; border-right: 3px solid black; border-bottom: 3px solid black;
	font-size: 11px; font-family: verdana, sans-serif; font-weight: normal ;
	line-height: 18px; z-index: 100; visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold; color: navy; margin: 3px 8px;
}

/* HINT BOX END */