﻿DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

body {
	margin:0;
	background:	url('../images/bg.jpg') #eaeaea repeat-x;
}

.content{
	font-family:Arial;
	font-size:12px;
	color:#525252;
	text-align:justify;
	line-height:18px;
}

.content-small{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#007aa2;
	text-align:justify;
	line-height:14px;
}

.faq-content{
	font-family:Arial;
	font-size:12px;
	color:#525252;
	text-align:justify;
	line-height:18px;
	border-bottom:1px #dddddd solid;
	padding-left:15px;
}

.testimonial{
	font-family:Arial;
	font-size:12px;
	color:#525252;
	text-align:justify;
	font-style:italic;
	padding:0 8px 0 8px;
	background-color:#eeeeee;
}

.reason{
	font-family:Arial;
	font-size:12px;
	color:#525252;
	text-align:justify;
	line-height:18px;
	border-bottom:1px #dddddd solid;
	padding-top:10px;
	padding-bottom:10px;
}

.sitemap-bottom{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#525252;
	padding:10px;
	border-left:1px #ffffff solid;
	border-right:1px #cccccc solid;
}

.sitemap-bottom a:link, .sitemap-bottom a:visited, .sitemap-bottom a:active{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#007aa2;
	text-decoration:none;
	height:18px;
}

.sitemap-bottom a:hover{
	text-decoration:underline;
}

.copyright{
	font-family:Arial;
	font-size:11px;
	color:#777777;
	text-align:center;
	height:25px;
}

.headline{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#007faf;
	border-bottom:1px #dddddd solid;
	height:22px;
}

.headline2{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#525252;
	border-bottom:1px #dddddd solid;
	height:22px;
}

.wh-plan-header{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	padding:0 5px 0 5px;
}

.vm-plan-header{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding:0 5px 0 5px;
}

.vm-plan-body{
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:5px;
	background:#eeeeee;
}

.tab-head{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#007faf;
	border-bottom:1px #dddddd solid;
	height:28px;
	line-height:27px;
}

.tab-normal{
	font-family:Arial;
	font-size:13px;
	color:#252525;
	height:28px;
	line-height:27px;
	text-align:center;
	border-bottom:1px #dddddd solid;
}

.tab-normal a, .tab-normal a:visited{
	font-family:Arial;
	font-size:13px;
	color:#777777;
	text-decoration:none;
	background-color:#eeeeee;
	width:100%;
	height:28px;
	border-top:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	margin-right:4px;
}

.tab-normal a:hover{
	font-family:Arial;
	font-size:13px;
	color:#007faf;
	text-decoration:underline;
	background-color:#ffffff;
	border-top:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	margin-right:4px;
}

.tab-normal2{
	font-family:Arial;
	font-size:13px;
	color:#999999;
	height:28px;
	line-height:28px;
	text-align:center;
	border-bottom:1px #dddddd solid;
}

.tab-normal2 a, .tab-normal2 a:visited{
	text-decoration:none;
	padding:0 10 0 10;
	color:#007faf;
}

.tab-normal2 a:hover{
	color:#ff7200;
	text-decoration:underline;
}

.tab-100{
	font-family:Arial;
	font-size:13px;
	color:#ffffff;
	height:28px;
	line-height:28px;
	text-align:center;
	background:url('../images/tab-100.jpg') no-repeat center;
	border-bottom:1px #dddddd solid;
}

.tab-180{
	font-family:Arial;
	font-size:13px;
	color:#ffffff;
	height:28px;
	line-height:28px;
	text-align:center;
	background:url('../images/tab-180.jpg') no-repeat center;
	border-bottom:1px #dddddd solid;
}

.headline-small{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#007baa;
}

.tabmenu-title{
	font-family:Arial;
	font-size:12px;
	color:#f16641;
	font-weight:bold;
}

.tabmenu-content{
	font-family:Arial;
	font-size:13px;
	color:#525252;	
}

.tab-title-left{
	background:url('../images/tab-bg-40.jpg') repeat-x;
	height:40px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 5px 0 5px;
}

.tab-title-right{
	background:url('../images/tab-bg-40.jpg') repeat-x;
	height:40px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 5px 0 5px;
	text-align:center;
}

.tab-feature{
	background-color:#edf7ff;
	height:30px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#007baa;
	padding:3px 5px 3px 5px;
	border-bottom:1px #dddddd solid;
}

.tab-left-no-border{
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:3px 5px 3px 5px;
	line-height:18px;
}

.tab-left{
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:3px 5px 3px 5px;
	border-bottom:1px #dddddd solid;
	line-height:18px;
}

.tab-right{
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:3px 5px 3px 5px;
	text-align:center;
	border-bottom:1px #dddddd solid;
	line-height:18px;
}

.tab-left-alt{
	background-color:#f6f6f6;
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:3px 5px 3px 5px;
	border-bottom:1px #dddddd solid;
	line-height:18px;
}

.tab-right-alt{
	background-color:#f6f6f6;
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#525252;
	padding:3px 5px 3px 5px;
	text-align:center;
	border-bottom:1px #dddddd solid;
	line-height:18px;
}

.title-left{
	background:#e9f0ef url('../images/title-left-bg.jpg') no-repeat;
	height:51px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding-top:17px;
	border-bottom:1px #ffffff solid;
}

.title-middle{
	background-color:#ffeecc;
	height:51px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding-top:17px;
	border-bottom:1px #ffffff solid;
}

.title-right{
	background:#e9f0ef url('../images/title-right-bg.jpg') no-repeat;
	height:51px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding-top:17px;
	border-bottom:1px #ffffff solid;
}

.table-feature{
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#252525;
	border-bottom:1px #eeeeee solid;
}

.table-left{
	background:#e9f0ef url('../images/table-left-bg.jpg') repeat-y right;
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#252525;
	text-align:center;
	padding:5px 0 5px 0;
	border-bottom:1px #ffffff solid;
}

.table-middle{
	background-color:#ffeecc;
	height:30px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#252525;
	text-align:center;
	padding:5px 0 5px 0;
	border-bottom:1px #ffffff solid;
}

.table-right{
	background:#e9f0ef url('../images/table-right-bg.jpg') repeat-y left;
	height:30px;
	font-family:Arial;
	font-size:12px;
	color:#252525;
	text-align:center;
	padding:5px 0 5px 0;
	border-bottom:1px #ffffff solid;
}

.tooltips {
	color:#0066CC; 
	cursor:pointer;
	float:right;
}

#dhtmltooltip{
	position: absolute;
	width: 250px;
	padding: 3px;
	text-align:justify;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	background-color: #007aaa;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	visibility: hidden;
	z-index: 100;
}

#table-950{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:929px;
	padding:0 10px 0 10px;
}

#table-700{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:679px;
	padding:0 10px 0 10px;
}

#table-640{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:619px;
	padding:0 10px 0 10px;
}

#table-470{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:449px;
	padding:0 10px 0 10px;
}

#table-385{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:364px;
	padding:0 10px 0 10px;
}

#table2-385{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:364px;
	padding:0 10px 0 10px;
}

#table-160{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:139px;
	padding:0 10px 0 10px;
}

#table-300{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:279px;
	padding:0 10px 0 10px;
}

#table-240{
	background-color:#ffffff;
	border-right:1px #cccccc solid;
	width:219px;
	padding:0 10px 0 10px;
	height:100%;
}

#pscroller1{
width:299px;
height:80px;
padding:10px 0 10px 10px;
font-size: 11px;
font-family: Arial;
font-weight: bold;
COLOR: #454545;
text-decoration:none;
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

#topbar{
position:absolute;
padding: 2px;
width: 102px;
visibility: hidden;
z-index: 100;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:250px;
}

.handcursor{
cursor:hand;
cursor:pointer;
font-family:Arial;
font-size:12px;
font-weight:bold;
height:16px;
line-height:16px;
}

.handcursor2{
cursor:hand;
cursor:pointer;
font-family:Arial;
font-size:14px;
color:#252525;
height:37px;
background-color:#e9f5ff;
border-bottom:1px #ffffff solid;
}

.arrowsidemenu{
	width: 218px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #dddddd;
	border-size: 1px;
	border-width: 1px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Arial;
	display: block;
	background: transparent url(../images/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited, .arrowsidemenu div a:active{
	text-decoration: none;
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #26370A;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #dddddd;
}


.arrowsidemenu ul li a, .arrowsidemenu ul li a:visited, .arrowsidemenu ul li a:active{ /*sub menu links*/
	display: block;
	font: normal 12px Arial;
	text-decoration: none;
	color: #0066cc;
	padding: 5px 0;
	padding-left: 20px;
	background: #ffffff url(../images/arrowbullet.gif) no-repeat 4px center; 
}

.arrowsidemenu ul li a:hover{
	color: #0066cc;
	background: #e7f6ff url(../images/arrowbullet.gif) no-repeat 4px center;
	text-decoration:underline;
}

.vm-gallery-image{
	padding:25px 0px 5px 0px;
	text-align:center;
}

.vm-gallery-title{
	font-family:arial;
	font-size:12px;
	color:#252525;
	text-align:center;
}

.yellow-table{
	background-color:#fffce9;
	border:1px #246303 dotted;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#246303;
	text-align:center;
	line-height:34px;
}

.bh-step-content{
	border-bottom:1px #999999 dashed;
	font-family:Arial;
	font-size:12px;
	color:#777777;
	line-height:25px;
}

.bh-step-highlight{
	font-family:Arial;
	font-size:18px;
	color:#252525;
	line-height:25px;
	padding:0 5px 0 5px;
}

.someclass A:link { FONT-SIZE: 10px; COLOR: #0041a7; FONT-FAMILY:Arial; font-weight: bold; TEXT-DECORATION: none; }
.someclass A:visited { FONT-SIZE: 10px; COLOR: #0041a7; FONT-FAMILY:Arial; font-weight: bold; TEXT-DECORATION: none }
.someclass A:active { FONT-SIZE: 10px; COLOR: #0041a7; FONT-FAMILY:Arial; font-weight: bold; TEXT-DECORATION: none }
.someclass A:hover { FONT-SIZE: 10px; COLOR: #0063ff; FONT-FAMILY:Arial; font-weight: bold; TEXT-DECORATION:underline }

.white:link { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:Arial; TEXT-DECORATION:none;}
.white:visited { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:Arial; TEXT-DECORATION:none; }
.white:active { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:Arial; TEXT-DECORATION:none; }
.white:hover { FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:Arial; TEXT-DECORATION:underline; }

.black:link { FONT-SIZE: 16px; COLOR: #525252; font-weight: bold; FONT-FAMILY:Arial; TEXT-DECORATION:none;}
.black:visited { FONT-SIZE: 16px; COLOR: #525252; font-weight: bold; FONT-FAMILY:Arial; TEXT-DECORATION:none; }
.black:active { FONT-SIZE: 16px; COLOR: #525252; font-weight: bold; FONT-FAMILY:Arial; TEXT-DECORATION:none; }
.black:hover { FONT-SIZE: 16px; COLOR: #525252; font-weight: bold; FONT-FAMILY:Arial; TEXT-DECORATION:underline; }

.lMenuLink:link{color:#525252;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;}
.lMenuLink:visited{color:#525252;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;}
.lMenuLink:active{color:#525252;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;}
.lMenuLink:hover{color:#af0000;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;background-color:#f5f5f5;}

.lMenuLinkH:link{color:#af0000;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;font-weight:bold;}
.lMenuLinkH:visited{color:#af0000;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;font-weight:bold;}
.lMenuLinkH:active{color:#af0000;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;font-weight:bold;}
.lMenuLinkH:hover{color:#af0000;text-decoration:none;font-size:12px; border-bottom:1px #cccccc dotted;width:90%; padding:0 5px 0 5px;background-color:#f5f5f5;font-weight:bold;}

A:link { FONT-SIZE: 12px; COLOR: #007aa2; FONT-FAMILY:Arial; TEXT-DECORATION:underline }
A:visited { FONT-SIZE: 12px; COLOR: #007aa2; FONT-FAMILY:Arial; TEXT-DECORATION:underline }
A:active { FONT-SIZE: 12px; COLOR: #007aa2; FONT-FAMILY:Arial; TEXT-DECORATION:underline }
A:hover { FONT-SIZE: 12px; COLOR: #007aa2; FONT-FAMILY:Arial; TEXT-DECORATION:underline }

*{outline: none;}
img {border: 0;}
.container {
	width: 950px;
	padding: 0;
	margin: 0 auto;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index:100;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 36px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../images/home-btn.jpg) no-repeat;
	width: 88px; 
}
ul#topnav a.hosting {
	background: url(../images/webhosting-btn.jpg) no-repeat;
	width: 138px; 
}
ul#topnav a.services {
	background: url(../images/websolutions-btn.jpg) no-repeat;
	width: 233px; 
}
ul#topnav a.partner {
	background: url(../images/partner-btn.jpg) no-repeat;
	width: 98px; 
}
ul#topnav a.whynetonboard {
	background: url(../images/whynetonboard-btn.jpg) no-repeat;
	width: 169px; 
}
ul#topnav a.support {
	background: url(../images/support-btn.jpg) no-repeat;
	width: 102px; 
}
ul#topnav a.contact {
	background: url(../images/contact-btn.jpg) no-repeat;
	width: 122px; 
}



ul#topnav li .sub {
	position: absolute;	
	top: 36px;
	left: 0;
	background: white; /*#006e99 url(../images/sub_bg.jpg) repeat-x;*/
	padding: 20px 10px 20px 10px;
	display:none;
	border:3px #006e99 solid;
}
ul#topnav li .row {clear: both; float: left; width: 100%; height:100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub h2 {
	padding: 5px 0;  margin: 0;
	font-size: 14px;
	color: #006e99;
	font-family:Arial;
	margin-left:10px;
	margin-right:10px;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.jpg) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #525252;
	margin-left:10px;
	margin-right:10px;
}
ul#topnav .sub ul li a:hover {color: white; background: url(../images/navlist_arrow2.jpg) #006e99 no-repeat 5px 12px;}

ul#topnav .sub .border{
	border-right:1px #777777 dotted;
}
