
/* Netwayhost Styles */
* {
	margin: 0px;
	padding: 0px;
}
.hidden, .hide, .url, i {
	display: none;
} 
/* hide skip navigation + print code */
.show {
	display: inline;
}
a img {
	border: none;
} 
table {
	font-size: 100%;
}  /* fixes IE5 font-size bug */
p, td, a, h1, h2, h3, h4, h5, h6, .textfield, .textarea {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}
div.clear {
	clear:both;
	height:0;
	font-size:1px;
}
/* typography =============================================================== */

p, a, ul, li {
	font-size: 1em;
}
.thru {
	text-decoration: line-through;
}
p.right_align {
	text-align:right;
	padding:0 10px;
}
p.centre_align {
	text-align:center;
}
/* headings */ 
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, helvetica, sans-serif;
}
h2 {
	font-size: 18px;
	color: #3d454b;
	font-weight: bold;
}
.txt_green {
	color: #569833 !important;
}
/* page title */
#mainColumn h2, h2.comparison {
	margin-top: 36px;
	padding: 0;
}
/* mutli purpose sub-titles */
h3 {
	color: #cb0000;
	font-size: 15px;
}
h3 a {
	font-size: 15px;
}
h3 span {
	margin: 0;
	padding: 0;
} /* so can position image if want to */
h4 {
	font-size: 14px;
}
a {
	font-size: 1em;
	color: #3d454b;
	text-decoration: underline;
}
a:hover {
	color: #3d454b;
	text-decoration: none;
}
/* a:link	{ text-decoration: underline; } */
a:visited {
	text-decoration: underline;
}
a:visited:hover {
	text-decoration: none;
}
li {
	line-height: 18px;
}
li span {
color:#48B447;
/*color:#5283A3;
color:#6593B1;
color:#31A8BE;
color: #148914;
color:#043e75;
color: #569833;*/
}
html { /*min-width: 768px;*/
	height: 100%;
	min-height: 100%;
}
body {
	color: #333;
	height: 100%;
	font-size: 76%;
	min-height: 100%;
	font-family:  arial, helvetica, sans-serif;
	text-align : center; /*min-width : 766px;*/
	background: #fff url("../images/background.jpg") repeat-x left top;
}
html > body {
	overflow: visible;
}
#logo {
	width: 200px;
	height: 66px;
	float: left;
}
#logo h1 {
	float: left;
	width: 200px;
	height: 66px;
	background: url("../images/nw_logo.png") no-repeat left top;
}
#logo h1 a{
	width: 200px;
	height: 60px;
	display: block;
}
#logo h2 {
	/*float: left;*/
	position:absolute;
	top:110px;
	left:200px;
	width: 128px;
	height: 12px;
	border: 0px;
	margin: 0px;
}
#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 0 auto;
	min-height: 100%;
} /* div that everything sits in */
* html #container {
	height: 100%;
}



/* default color */
#wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #ccc;
	background: url("../images/wrapper_gray_bck.gif") repeat-y left top;
}
#mainmenu, #mainmenu1, #mainmenu2 {
	background: #efefef;
	margin-bottom: 10px;
}
#mainmenu h1, #mainmenu h3, #mainmenu1 h1, #mainmenu1 h3, #mainmenu2 h1, #mainmenu2 h3 {
	background: #fff;
	font-size: 14px;
}

/* page layout ============================================================== */

/* format top half of the page */
#header {
	clear: both;
	padding: 0;
}
#header img {
	float: left;
	margin: 0 0 3px 0;
}
#header #introduction {
	float: right;
	width: 248px;
}
#introduction .biglink {
	display: block;
	margin-bottom: 5px;
	color: #65ba3b;
	text-decoration: none;
	text-transform: uppercase;
}
#introduction .biglink:hover {
	color: #666666;
}
.right {
	float: right;
	padding-bottom: 5px;
}
.right .biglink {
	display: inline;
}
#divider {
	clear: both;
	height: 9px;
	background-color: #ccc;
	border-bottom: 1px solid #999;
	margin: 0 0 3px 0;
	padding: 0;
} 

/* rounded buttons ----- */
.roundedbutton h4 {
	margin-bottom: 0.2em;
	color:#46712c;
}
.roundedbutton p {
	font-size:0.8em;
	color:#46712c;
}
/* index page lower half ----- */
#section2 {
	clear: both;
	padding-top: 5px;
	*padding-top: 2px;
}


/* istock promo comp */
#bottomcenterpod a {
	color: #66cc33;
	text-decoration: underline !important;
}
#bottomcenterpod p {
	width: 280px;
}
#bottomcenterpod div { /* position inner content */
	text-align: left;
	margin: 0px 5px 0 5px;
	padding-top: 0px;
}
#bottomcenterpod h4 {
	padding: 10px 0px 10px 0px;
}

/* live header image */
#livechat {
	float: right;
	width:400px;
	height:50px;
	text-align:right;
	padding-top: 5px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1 em;
	font-weight:bold; 
	color:#444;
	text-align:right;

}
p.salesphone {
	/*font-size: 14px;*/
	margin-bottom: 10px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
}

/* style bullet list */
#indexheader ul {
	margin: 0 0 0 35px;
	padding: 0;
}
#indexheader li, #indexheader a {
	color: #fff;
	margin: 0;
	padding: 0;
}
#indexheader li {
	list-style: none;
	list-style-image: url(../images/triangle_bullet.jpg);
	list-style-position: inside;
}
#indexheader a {
	font-size: 1.1em;
	margin-left: 4px;
	text-decoration: none;
}
#indexheader a img {
	border: 0;
	float: left;
	z-index: 10;
}
#indexheader a:hover img {
	border: 0;
}



/* default color ----- */

table .heading, dd strong, dd strong a, table td.comheading {
	color: #65ba3b;
}
.usertype h5 {
	color: #65ba3b;
}
.usertitle {
	padding: 3px;
	margin: 0 0 3px 0;
}
#notice {
	clear: both;
	border: 0px;
}
#footernav {
	clear: both;
	border-top: 1px solid #d6dee5;
}

/* new stuff */
.homeBox {
	float: left;
	width: 225px;
	padding: 16px;
	padding-right: 6px;
	margin-right: 5px;
	border: 1px solid #d6dee5;
	background: url("../images/homebox_bck.jpg") repeat-x left bottom;
}
.webhosting {
	width: 230px;
	
}
.customservers {
	width: 231px;
	margin-right: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.homeBox h2{
	font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
}
.homeBox h2 a{
	color: #3d454b;
	text-decoration: none;
}
.homeBox h2 a:hover{
	text-decoration: underline;
}
.homeBox h3{
	margin-bottom: 10px;
}
.homeBox ul {
	list-style-type: none;
}
.homeBox ul li{
	padding-left: 18px;
	background: url("../images/redCircleArrow.png") no-repeat left 3px;
}
.homeBox ul li.nobg{
	display: hidden;
	background: none;
}
.homeBox ul li span{
	font-weight: bold;
}
.homeBox a.button {
	display: block;
	width: 178px;
	height: 23px;/*21*/
	color: #fff;
	font-size: 18px;/*18*/
	padding-top: 8px;/*4*/
	margin-top: 20px;/*20*/
	margin-left: 20px;/*เอาออกมันจะชิดซ้าย*/
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/*background:#f2f2f2;*/
	background: url("../images/button221_blue.gif") no-repeat left 5px;/*top*/
	line-height:18px;	/*18*/
}
/* safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.homeBox a.button {
	padding-top: 6px;
}
}
#homepod {
	float: left;
	width: 734px;
	padding: 10px 16px 10px 16px;
	margin-bottom: 5px;
	border: 1px solid #d6dee5;
	background: url("../images/homebox_bck.jpg") repeat-x left bottom;
}
#homepod h2 {
	margin-bottom: 10px;
}
#homepod p {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
#homepod a {
	color: #393939;
}
#homepod p.floatedRight {
	float: right;
}
#homepod p.floatedLeft{
	float: left;
	margin-bottom: 0px !important;
}
#homepod p.floatedRight {
	margin-bottom: 0px !important;
}
#homepodLeft {
	float: left;
	width: 230px;
	padding-right: 10px;
	margin-right: 22px;
	background: url("../images/homebox_separator.jpg") no-repeat right bottom;
}

#starter {
	float: left;
	width: 168px;
	padding-right: 10px;
	margin-right: 10px;
	background: url("../images/homebox_separator.jpg") no-repeat right bottom;
}
#plus {
	float: left;
	width: 168px;
	padding-right: 10px;
	margin-right: 10px;
	background: url("../images/homebox_separator.jpg") no-repeat right bottom;
}
#pro {
	float: left;
	width: 168px;
	padding-right: 10px;
	margin-right: 10px;
	background: url("../images/homebox_separator.jpg") no-repeat right bottom;
}
#business {
	float: left;
	width: 168px;
}
		#starter a, #pro a, #plus a, #business a{
		font-size: 14px;
		float: left;
		height:18px;
		width: 80px;
		text-decoration: none;
		color: #ffffff;
		/*background-image: url("../images/button_bg.jpg");*/
		padding: 1px 0px 1px 0px;
		text-align: center;
		margin: 0px 1px 0px 1px;		
		}
		
		#starter a:hover, #per a:hover, #plus a:hover, #business a:hover {
		float: left;
		height:18px;
		width: 80px;
		text-decoration: none;
		color: #ffffff;	
		}

#homepodRight {
	float: left;
	width: 470px;
}
#section1 ul {
	padding-left: 1em;
}

				.text_blue {
		color: #217cbb;
		font: 12pt Tahoma, "Ms Sans Serif", Thonburi;
		font-weight:bold;
		}	
		.text_red {
		color: #dd3453;
		font: 12pt Tahoma, "Ms Sans Serif", Thonburi;
		font-weight:bold;
		}
		.text_starter {
		color: #4284a4;
		font: 12pt Tahoma, "Ms Sans Serif", Thonburi;
		font-weight:bold;
		}
				.text_plus {
		color: #53a442;
		font: 12pt Tahoma, "Ms Sans Serif", Thonburi;
		font-weight:bold;
		}
						.text_pro {
		color:#ef8001;
		font: 12pt Tahoma, "Ms Sans Serif", Thonburi;
		font-weight:bold;
		}
 .buttongreen { 
 padding: 5px 10px; 
 background: url("../images/bkg_green.png") repeat-x; 
 margin: 0 6px; color: #ffffff; 
 text-decoration: none; 
 font-size:15px;
font-weight:bold;
 font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
 }

.buttonblue { 
padding: 5px 10px; 
background: url("../images/bkg_blue.png") repeat-x; 
margin: 0 6px; 
color: #ffffff; 
text-decoration: none; 
font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; }



/* Footer */
#footer {
width: 768px;
border-top:1px solid #dbdbdb;font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 5px auto;
clear: both;
padding:10px 0px
}

#footer ul {float:left;margin-bottom:25px;padding-left:5px;width:183px}
#footer ul li {
display: block;
font-size:11px;line-height:16px;
	margin: 0;
	text-indent: 0;
}

#footer ul li a.main-footer {color:#999;font-weight:bold;text-decoration:none}
#footer ul li a.main-footer:hover {text-decoration:underline}
#footer ul li a, #footer p a {color:#999;text-decoration:none}
#footer ul li a:hover, #footer p a:hover {text-decoration:underline;}
#footer p {color:#999;font-size:11px;margin-bottom:25px}
#footer-logos {float:right;padding:0 5px 0 0;}
#footer-logos img {margin-left:15px;}
#footer-links {font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer-links ul {float:left;margin-bottom:25px;padding-left:5px;width:183px;text-align:left}
#footer-links ul li {font-size:11px;line-height:16px;padding:2px 0 3px;}
#footer-links ul li a.main-footer {color:#999;font-weight:bold;text-decoration:none}
#footer-links ul li a.main-footer:hover {text-decoration:underline}
#footer-links ul li a {color:#999;text-decoration:none}
#footer-links ul li a:hover {text-decoration:underline;}


hr {border:none 0;border-top:1px solid #ccc;border-bottom:1px solid #e7e7e7;clear:both;width:100%;height:2px;margin:20px auto;text-align:left;}
.floatL {float:left}


/* header */
.header {
	height:10px;
	/*background:#981500 url(../images/bg-1.png) repeat-x;*/
}

/* Top naviagtion */
.hMenuContainer {
	height:28px;
	margin-bottom:7px;
	}

.hMenu {
	background:#a12b00 url(../images/nav-bg.gif);
	height:28px;
	padding:0 10px;
	border:1px solid #d8a592;
	font-size:11px;
}

.hMenu a {
	height:28px;
	display:block;
	float:left;
	line-height:28px;
	padding:0 10px;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #a12c00;
	border-left:1px solid #851700;
	margin-top:0px;
}

.hMenu a:hover {
	background:#922100;
}

.hMenuLinkStart {
	height:28px;
	border-right:1px solid #a12c00;
	float:left;
	margin-top:0px;
}

.hMenuLinkFinish {
	height:28px;
	border-left:1px solid #851700;
	float:left;
	margin-top:0px;
}

#navbarright {
	font-size: 11px;
	float: right;
	height:28px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #a12c00;
	}
	
#navbarright a img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}



/*-----slide nave----*/

#featured{  
width:508px;  /*ซ้ายสุด*/
padding-right:250px;  /*ซ้ายสุด*/
position:relative;  
height:250px;
background:#fff;  
border:5px solid #ccc;
margin-bottom: 5px;

}  
#featured ul.ui-tabs-nav{ 
    position:absolute; 
    top:0; left:508px; 
    list-style:none; 
    padding:0; margin:0; 
    width:250px; 
} 
#featured ul.ui-tabs-nav li{ 
    padding:1px 0; padding-left:0px; 
    font-size:12px; 
    color:#666; 
} 
#featured ul.ui-tabs-nav li span{ 
font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
    /*font-size:11px; font-family:Verdana; */
    line-height:18px;
	text-decoration:none;
} 

#featured .ui-tabs-panel{ 
    width:502px; height:250px; /*ตรงกลาง*/
    background:#999999; position:relative; 
     overflow:hidden; 
} 
#featured .ui-tabs-hide{ 
    display:none; 
} 

#featured li.ui-tabs-nav-item a{/*On Hover Style*/ 
    display:block; 
    height:60px; 
    color:#333;  background:#fff; 
    line-height:20px; 
	text-decoration:none;/*เส้นใต้ด้านขวา*/
    outline:none; 
} 
#featured li.ui-tabs-nav-item a:hover{ 
    background:#f2f2f2; /*on mouse over bg*/
	text-decoration: none;
} 
#featured li.ui-tabs-selected{ /*Selected tab style*/ 
    background:url('../images/selected-item_.gif') top left no-repeat; 
} 
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
    background:#ccc; 
} 

#featured ul.ui-tabs-nav li img{ 
    float:left; margin:2px 5px; 
    background:#fff; 
    padding:2px; 
    border:1px solid #eee; 
} 
#featured .ui-tabs-panel .info{ 
    position:absolute; 
    top:180px; left:0; 
    height:70px; width: 502px; 
    background: url('../images/transparent-bg.png'); 
} 
#featured .info h2{ 
    font-size:18px; 
	font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
	/*font-family:Georgia, serif; */
    color:#fff; padding:5px; margin:0; 
    overflow:hidden; 
} 
#featured .info p{ 
    margin:0 5px; 
font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
    /*font-family:Verdana; */
	font-size:12px; 
    line-height:15px; color:#f0f0f0; 
} 
#featured .info a{ 
font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
    /*font-family:Tahoma;*/
	color:#F60;
	/*color:#fff;*/
	text-decoration:none;
	font-weight:bold;
	font-size:14px; 
} 
#featured .info a:hover{ 
font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
   /* font-family:Tahoma;*/
	color:#F60;
    text-decoration:underline;
} 
/*-----slide nave----*/

#homepodx {
	width: 768px;
	border: 1px solid #d6dee5;
	background: url("../images/homebox_bck.jpg") repeat-x left bottom;
}
#homepodx p {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
#homepodx a {
	color: #393939;
}
/* Boxes */
.boxContent						{ width:100% }
.boxContent .boxContentContent p    { margin-bottom:10px; }
.boxContent .boxContentContent ul    { margin-bottom:10px; }
.boxContent .boxContentContent	{ padding:10px 25px 1px 25px }
.boxContent H1					{ 	color: #569833;/*color:#043e75;*/ font-size:16px; border-bottom:1px #dadada solid; padding-bottom:4px; margin-bottom:10px }
.boxContent H2					{ font-size:10px; font-weight:bold; padding-bottom:11px }
.boxContent .boxContentContent TABLE TR TD	{ padding:5px 5px 5px 5px }

/* Home Page - SUPER FOOTER
------------------------------------------------*/
#homepage #annex {display: none;}
#super-footer { height: 156px; width: 960px; float: left; margin-top: 5px;}
#super-footer .column {line-height: 5px; float: left;  color: #ffffff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin: 0px 0 0 0; padding: 10px 11px 0 22px;}
#super-footer a {color: #8ac8ff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#super-footer h1, #super-footer h2, #super-footer h3, #super-footer h4 {font-size: 14px; font-weight: normal; margin: 0; padding: 0; padding-bottom:3px;}
#super-footer h1 a, #super-footer h2 a, #super-footer h3 a, #super-footer h4 a {text-decoration: none;}
#super-footer .last {background: none;}
.column_twitter {float:left; margin: 0px 0 0 0; padding: 0px 20px 0 36px; height:40px;}
.column_twitter a {color: #8ac8ff; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration: none; }
.column_twitter h4 {color:#000000; font-weight:normal;}

/* buttons */
.hosting-button, .hosting-button { display: inline; }
a.hosting-button, a.hosting-button:link, a.button:visited { background-color: #666; color: #fff; border: 0px solid #555; display: inline-block;  text-decoration: none; }
/*a.hosting-button, a.hosting-button:link, a.button:visited { background-color: #666; color: #fff; border: 0px solid #555; display: inline-block; padding: .25em .5em; text-decoration: none; }*/
a.hosting-button:active, a.hosting-button:hover { background-color: #aaa; }
a.hosting-button, a.hosting-button:link, a.hosting-button:visited { background-color: #d67512; color: #fff; border-color: #ddd; }
a.hosting-button:active, a.hosting-button:hover { background-color: #f90; }

#tools{width:768px;text-align:right;float:right;}
#quick_tools{margin:7px 0;}
#quick_tools h3{display:block;width:0;height:0;overflow:hidden;margin:0;}
#quick_tools ul{margin:0;padding:0;}
#quick_tools ul li{margin:0;padding:0;list-style:none;display:inline;}
#quick_tools ul li a{font-size:.9em;color:#656565;text-decoration:none;padding-left:7px;}
#quick_tools ul li.sep a{padding-right:8px;background:url(../images/top_sepnav.gif) no-repeat right center;}
#quick_tools ul li a:hover{text-decoration:underline;}
.support-red{color:#cc0024;font-weight:bold;}








#hor-zebra
{
	*font-family: tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border:#CCC solid 1px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	font-size:0.9em;
}
#hor-zebra th
{
	font: 8.5pt Tahoma, "Ms Sans Serif", Thonburi;
	font-weight: normal;
	padding: 10px 8px;
	color: #5283A3;
	background: #E1E1E1;
}
#hor-zebra td
{
	padding: 8px;
	color: #5283A3;
}
#hor-zebra .odd
{
	background: #F5F5F5;
}

.page p, .page h1, .page h2, .page form{margin:0px;padding:0px; display:block;}

.page h1{
	float:left;
	font: 10pt Tahoma, "Ms Sans Serif", Thonburi;
	font-weight:bold;
	color:#00535e;
	padding:10px 10px 0px 10px;
}
.page h2{
	font: 10pt Tahoma, "Ms Sans Serif", Thonburi;
	font-weight:bold;
	color:#00535e;
	padding:10px 10px 0px 10px;
}
.page h3{
	font: 9pt Tahoma, "Ms Sans Serif", Thonburi;
	font-weight:bold;
	color:#333;
	margin:0px;
	display:block;
}
.page ul, .page ol{
	margin:0px;
	padding:10px 10px 10px 30px;
	display:block;
	line-height:18px;
}

.page p{
	padding:10px;
	text-indent:18px;
	line-height:18px;
}
.pack1 {
background-color : #e2effe;
}
.pack2 {
background-color : #ffdcde;
}
.nodomain {
background-color : #ff0000;
}

