/* ---- Header Tags ---- */

h1 {
	font-size:21px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	}
	
h2 {
	margin-top:20px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-weight:200;
	}
	
h3 {
font-size:18px;
margin-top:20px;
margin-bottom:2px;
padding:0px;
color:#2D2D2D;
font-weight:normal;
}

h4 {
font-size:18px;
margin:0px;
margin-bottom:2px;
padding:0px;
color:#2D2D2D;
font-weight:normal;
}

h5 {
font-size:15px;
margin:0px;
margin-bottom:1px;
padding:0px;
color:#000000;
font-weight:bold;
}

h6 {
font-size:14px;
color:#333333;
font:"Lucida Sans", "Lucida Sans Unicode", Arial, helvetica;
font-weight:300;
line-height:21px;
}

/* ---- Text Headers ---- */
.header_red {
color:#B81214;
font-size:18px;
font-weight:bold;
font-style:italic;
}

.header_blue {
color:#1d648c;
font-weight:bold;
font-size:18px;
font-style:italic;
}

.header_purple {
color:#9745cd;
font-size:18px;
font-weight:bold;
font-style:italic;
}

.header_green {
color:#A3C223;
font-size:18px;
font-weight:bold;
font-style:italic;
}

/* ---- Col Wrappers ---- */

.twocolwrapper {
	width:905px;
	height:auto;
	margin:auto;
	overflow:hidden;
	display:block;
	padding:0;
}
.twocolleft {
	width:440px;
	padding:5px;
	float:left;
	display:inline-block;
}
.twocolright {
	width:440px;
	padding:5px;
	float:left;
	display:inline-block;
}

.fourcol {
	width:210px;
	padding:5px;
	border:#DEDEE0 1px solid;
	background:url(../images/boxes/gradbar.png) repeat-x;
	float:left;
	display:inline-block;
	margin:7px;
}

/* ---- Login box ---- */

.customerlogin_wrapper {
background-image:url(../images/cp.png);
background-repeat:no-repeat;
width:auto;
margin:0px;
height:240px;
padding:5px;
border:1px solid #CCCCCC;
}

.customerlogin {
width:450px;
padding:8px;
margin-top:75px;
float:left;
height:145px;
padding:5px;
color:#333333;
}

.cpsmall {
	font-size: 10px;
	font-weight: bold;
}

/* ---- Wrappers ---- */

#marketingwrapper {
	width:960px;
	margin:auto;
	display:block;
	height:145px;
	padding:0;
/*	margin-top:5px;*/
}

#marketingwrapper img {
	margin-right:10px;
}

#marketing_mhbox_start {
	width:296px;
	padding:7px;
	float:left;
	height:130px;
	display:inline-block;
	padding-right:10px;
	background:url(../images/boxes/fader-sw-home.png);
	/*background-position:right;*/
	background-repeat:repeat-x;
	border-left:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}

#marketing_mhbox_middle {
	width:296px;
	padding:7px;
	padding-left:10px;
	height:130px;
	display:inline-block;
	padding-right:10px;
	float:left;
	background:url(../images/boxes/fader-sw-home.png);
	/*background-position:right;*/
	background-repeat:repeat-x;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}

#marketing_mhbox_end {
	width:296px;
	padding:7px;
	float:left;
	height:130px;
	display:inline-block;
	padding-left:10px;
	background:url(../images/boxes/fader-sw-home.png);
	/*background-position:right;*/
	background-repeat:repeat-x;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}
	
/* ---- Buttons ---- */

.button_fade, .button_fade:visited {
		background:url(../images/fade_button.png);
		font-size: 12px;
		font-weight:bold;
		line-height: 12px;
		padding: 5px 12px 5px 12px;
		border: 1px solid #999999;
		text-decoration: none;
		color:#666666;
		cursor:pointer;
		}
		
.button_fade:hover {
		background:url(../images/fade_button.png);
		font-size: 12px;
		font-weight:bold;
		line-height: 12px;
		padding: 5px 12px 5px 12px;
		border: 1px solid #999999;
		text-decoration: none;
		color:#333333;
		cursor:pointer;
		}
		
.button_block {
		font-size: 12px;
		font-weight:bold;
		padding: 5px 12px 5px 12px;
		text-decoration: none;
		cursor:pointer;
		display:inline-block;
		}

.homebutton_fade, .homebutton_fade:visited  {
		background-image:url(../images/fade_button.png);
		background-position:top;
		font-size: 12px;
		font-weight:bold;
		line-height: 12px;
		padding: 5px 12px 5px 12px;
		border: 1px solid #999999;
		text-decoration: none;
		text-align:center;
		margin:10px;
		display:block;
		height:auto;
		color:#666666;
		cursor:pointer;
		}
		
.homebutton_fade:hover  {
		background-image:url(../images/fade_button.png);
		font-size: 12px;
		font-weight:bold;
		line-height: 12px;
		padding: 5px 12px 5px 12px;
		border: 1px solid #999999;
		text-decoration: none;
		text-align:center;
		margin:10px;
		display:block;
		color:#333333;
		cursor:pointer;
		}

/* ---- Padding Settings---- */

.bulletpadding4 li {
padding:4px;
}

.bulletpadding6 li {
padding:6px;
}

.imagepadding {
padding-right:10px;
}

/* ---- UNSORTED ---- */

.smalltext {
font-size:10px;
}
.whitebold {
color:#FFFFFF;
font-weight:bold;
}
.largebold {
font-size:16px;
font-weight:bold;
}

#layout_nav {
width:958px;
margin:auto;
height:30px;
border:1px solid #DFDFDF;
background-image:url(../images/navbar.png);
vertical-align:middle;
margin-top:5px;
margin-bottom:5px;
}

#layout_nav a {
padding-left:20px;
padding-right:20px;
height:30px;
line-height:30px;
vertical-align:middle;
color:#666666;
display:inline-block;
font-weight:bold;
}


#layout_nav a:hover {
height:30px;
line-height:30px;
vertical-align:middle;
color:#3C5773;
display:inline-block;
font-weight:bold;
background-image:url(../images/arrow_up.gif);
background-position:50% 100%;
background-repeat:no-repeat;
}

#layout_nav .selected {
height:30px;
line-height:30px;
vertical-align:middle;
color:#2f4963;
display:inline-block;
font-weight:bold;
background-image:url(../images/arrow_up.gif);
background-position:50% 100%;
background-repeat:no-repeat;

}


.button_plan {
width:235px;
display:block;
/*border:1px solid #CCCCCC;*/
background-image:url(../images/button_plans.png);
height:55px;
margin-bottom:10px;
}

.button_plan:hover  .essential{
color:#666666;
}

.button_plan .essential, .button_plan .standard, .button_plan .premium, .button_plan .business {
font-size:16px;
font-weight:bold;
margin-top:10px;
margin-left:10px;
display:block;
float:left;
width:120px;
font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, helvetica;}

.essential {
color: #0099CC;
}

.standard {
color:#99CC33;
}

.premium {
color:#FF9933;
}

.business {
color:#000000;
}

.button_plan .priceplan {
color:#333333;
font-size:16px;
float:right;
font-weight:bold;
width:80px;
height:55px;
line-height:55px;
vertical-align:middle;
text-align:right;
margin-right:10px;}

.button_plan .priceplan span {
color:#333333;
font-size:11px;
}


.button_plan em {
color:#333333;
margin-left:10px;
font-size:11px;
float:left;
display:block;
font-style:italic;
padding:0px;
margin:0px;
}



/* ---- Comparison Table ---- */

.tbl_hosting td, tr {
background: transparent;
padding:10px;
}

.hosting {
background: transparent;
border-top:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}


.tbl_hosting th {
text-align:left;
color:#333333;
font-size:14px;
background:#F3F3F3;
padding:5px;
border-top:1px solid #CFCFCF;
border-bottom:1px solid #CFCFCF;
}
.tbl_hosting tr:hover {
background:#FCFDF7;
background:#EDF3F8;
}
td.comparehead {
padding:5px;
border-top:#FFFFFF;
border-left:#FFFFFF;
background:#FFFFFF;
}
td.comparehead_blue {
padding:5px;
height:50px;
vertical-align:middle;
border-top:#FFFFFF;
border-right:#CCCCCC 1px solid;
/*background:#0099CC;*/
background-image:url(../images/cloud_bg.png);
background-repeat:repeat-x;
background-position:center top;
text-align:center;
color:#0099CC;
font-weight:bold;
}

td.comparehead_start {
padding:5px;
height:50px;
line-height:50px;
vertical-align:middle;
border-top:#FFFFFF;
border-right:#CCCCCC 1px solid;
/*background:#0099CC;*/
background-image:url(../images/cloud_bg.png);
background-repeat:repeat-x;
background-position:left top;
text-align:left;
color:#CCCCCC;
text-shadow:#333333 2px 1px 2px;
font-size:16px;
}
td.comparehead_green {
padding:5px;
height:50px;
vertical-align:middle;
border-top:#FFFFFF;
border-right:#CCCCCC 1px solid;
background-image:url(../images/cloud_bg.png);
background-repeat:repeat-x;
background-position:center top;
text-align:center;
color:#99CC33;
font-weight:bold;
}
td.comparehead_red {
padding:5px;
height:50px;
vertical-align:middle;
border-top:#FFFFFF;
border-right:#CCCCCC 1px solid;
background-image:url(../images/cloud_bg.png);
background-repeat:repeat-x;
background-position:center top;
text-align:center;
color:#FF9933;
font-weight:bold;
}
td.comparehead_black {
padding:5px;
height:50px;
vertical-align:middle;
border-top:#FFFFFF;
background-image:url(../images/cloud_bg.png);
background-repeat:no-repeat;
background-position:right top;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}

td.comparehead_base {
padding:5px;
height:50px;
vertical-align:middle;
border-top:#FFFFFF;
background-image:url(../images/cloud_bg.png);
background-repeat:no-repeat;
background-position:center top;
text-align:center;
font-weight:bold;
border-right:#CCCCCC 1px solid;
}
td.comparehead_silver {
padding:5px;
height:50px;
line-height:50px;
vertical-align:middle;
border-top:#FFFFFF;
background-image:url(../../images/silver.jpg);
background-repeat:repeat-x;
text-align:center;
color:#000;
font-weight:bold;
border-right:#CCCCCC 1px solid;
}
td.comparebox {
text-align:center;
border-top:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}
/* ---- >> JTIP << ---- */

#JT_arrow_left{
	background-image: url(../images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
text-decoration:none;
border-bottom:#999999 1px dotted;
}

/* ---- Status Alerts ---- */

.status_ok {
margin:20px;
height:25px;
display:block;
line-height:25px;
padding:10px;
vertical-align:middle;
font-weight:bold;
background:#eef4d3;
border:#a6bd42 1px solid;
color:#677d08;
}

.status_alert {
margin:20px;
height:25px;
display:block;
line-height:25px;
padding:10px;
vertical-align:middle;
font-weight:bold;
background:#FDEEEF;
border:#F4535F 1px solid;
color:#B60A0E;
}

.status_planned {
margin:20px;
height:25px;
display:block;
line-height:25px;
padding:10px;
vertical-align:middle;
font-weight:bold;
background:#F2F2F2;
border:#999999 1px solid;
color:#666666;
}

/* ---- UNSORTED---- */

.domainboxwrapper {
margin:auto;
display:block;
height:150px;
}

.domainboxleft {
width:585px;
padding:10px;
height:120px;
display:block;
float:left;
margin-left:10px;
background:url(../images/boxes/black_box.png) no-repeat;
}

.domainboxright {
width:280px;
padding:10px;
margin-top:5px;
margin-left:15px;
height:115px;
display:block;
float:left;
background:url(../images/boxes/fade_box.png) no-repeat;
}

.tipbox {
width:280px;
padding:10px;
margin-left:10px;
height:115px;
display:block;
float:left;
background:url(../images/boxes/fade_box.png) no-repeat;
}

.white {
color:#FFFFFF;
}

.bluetext {
color:#6b96bd;
}

.webdevbox {
width:215px;
padding:5px;
float:left;
display:block;
height:430px;
background:#F7F7F7;
border:1px solid #E4E4E4;
margin-right:8px;
}

.webdevcontact{
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding:5px;
display:block;
height:80px;
background:#F7F7F7;
border:1px solid #E4E4E4;
margin-right:3px;
}

.emailmsgbox {
display:block;
background:#F5FAFC;
border-bottom:1px dashed #75B5CA;
border-top:1px dashed #75B5CA;
margin:5px;
padding:8px;
}

/* ---- Feature Navigation ---- */
#navcontainer
{
padding: 0;
width:900px;
margin:auto;
height: 33px;
background-image:url(../images/tab_bg.png);
background-repeat:no-repeat;
}

#navlist
{
margin: 0px;
padding-left:15px;
padding-right:20px;
padding-top:10px;
display: block;
}

#navlist li
{
list-style: none;
float: left;
}

#navcontainer a, #navlist li.extend
{
padding: 1px 10px;
margin: 0px;
display: inline-block;
text-decoration: none;
border: none;
font-family:lucida sans;
font-weight:bold;
font-size:12px;
color: #000000;
height:20px;
}

#navcontainer a:hover, #navcontainer a#current
{
padding: 1px 10px;
background-repeat:no-repeat;
background-position:bottom;
border: none;
font-family:lucida sans;
font-size:12px;
height:20px;
color: #0c5283;
}

#navcontainer a#current
{
background-repeat:no-repeat;
background-position:bottom;
font-family:lucida sans;
font-size:12px;
color: #0c5283;
height:20px;
}

#navcontainer li#active{
}

.button_buynow {
width:68px;
height:25px;
float:right;
margin-right:15px;
margin-bottom:3px;
padding-top:5px;
border: none;
}

/* ---- Layout Boxes ---- */
.element_pagebox {
display:block;
margin-top:10px;
margin-bottom:10px;
}

.element_imgagebox{
display:block;
height:110px;
width:250px;
float:left;
}

.element_textbox{
display:block;
height:110px;
width:auto;
float:left;
}

/*******/

.bannermenu_wrapper {
width:960px;
height:76px;
border:none;
}

.bannermenu_wrapper a {
border:none;
}

.una {
background-image:url(../images/boxes/homenav-default.png);
background-position:0px;
background-repeat:no-repeat;
border:#9F044E 3px solid;
display:block;
float:left;
width:230px;
height:76px;
border:none;
}

.una:hover {
background-image:url(../images/boxes/homenav-hover.png);
background-position:0px;
background-repeat:no-repeat;
border:#9F044E 3px solid;
display:block;
float:left;
width:230px;
height:76px;
border:none;
}

.dos {
background-image:url(../images/boxes/homenav-default.png);
background-position:-230px;
background-repeat:no-repeat;
display:block;
float:left;
width:218px;
height:76px;
border:none;
}

.dos:hover {
background-image:url(../images/boxes/homenav-hover.png);
background-position:-230px;
background-repeat:no-repeat;
display:block;
float:left;
width:218px;
height:76px;
border:none;
}


.tres {
background-image:url(../images/boxes/homenav-default.png);
background-position:-448px;
background-repeat:no-repeat;
display:block;
float:left;
width:222px;
height:76px;
border:none;
}

.tres:hover {
background-image:url(../images/boxes/homenav-hover.png);
background-position:-448px;
background-repeat:no-repeat;
display:block;
float:left;
width:222px;
height:76px;
border:none;
}

.cat {
background-image:url(../images/boxes/homenav-default.png);
background-position:-670px;
background-repeat:no-repeat;
display:block;
float:left;
width:290px;
height:76px;
border:none;
}

.cat:hover {
background-image:url(../images/boxes/homenav-hover.png);
background-position:-670px;
background-repeat:no-repeat;
display:block;
float:left;
width:290px;
height:76px;
border:none;
}
/*++++++ Contact Form ++++++*/

.contactform {
	width:365px;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
	height:1%;
}

.contactform label {
	color: #000;
	width:80px;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	float:left;
}

.contactform input, .contactform textarea {
	color: #333333;
	padding:5px;
	margin-left:10px;
	border:2px solid #CCCCCC;
	width:250px;
}
.contactform textarea {
	height:80px;
}

.contactform input:focus, .contactform textarea:focus {
	border:2px solid #999933;
}

.contactform .button {
	width:90px;
	float:right;
	margin-right:10px;
}

.contactform .button:hover {
	background: #F7F7F7;
}


.element_container_intro {
margin:auto;
margin-left:6px;
margin-right:6px;
border-bottom:1px solid #ededed;
font-size:13px;
margin-top:5px;
overflow:hidden;
clear:both;
}

.element_container_highlights {
margin: auto;
margin-left:10px;
margin-right:10px;
padding: 13px 0px 15px;
}

.element_container_highlights p {
float:left;
width:282px;
margin:19px;
padding:5px;
}

.element_container_highlights strong {
display:block;
font-size:15px;
font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, helvetica;
font-weight:bold;
color:#000000;
padding-bottom:8px;
}

.element_exchange_head {
background: #FFF9EE;
border: 1px solid #FFE9BD;
margin-bottom: 15px;
overflow: hidden;
width:680px;
height:80px;
color:#000000;
line-height:80px;
vertical-align:middle;
}

.element_exchange_head img {
float:left;
padding:10px;
width:200px;
}

.element_exchange_head p {
float:right;
padding:10px;
width:400px;
margin-top:10px;
}


.element_container_features {
width:670px;
height:auto;
overflow:auto;
padding:5px;
margin-bottom:15px;
}

.element_container_features h3 {
margin-bottom:20px;
}

.element_container_features img {
width:200px;
height:auto;
overflow:auto;
padding:5px;
}

.cloudbackup_freetrial {
width:215px;
height:25px;
font-size:18px;
color:#2D2D2D;
font-weight:normal;
border:1px solid #b4c2d5;
background-image:url(../images/free-trial.png);
padding:10px;
text-align:center;
margin-bottom:15px;
display:block;
}

.cloudbackup_freetrial:hover {
width:215px;
height:25px;
font-size:18px;
color:#25A2DE;
font-weight:normal;
border:1px solid #b4c2d5;
background-image:url(../images/free-trial.png);
padding:10px;
text-align:center;
margin-bottom:15px;
display:block;
}

.divborder {
border-bottom:1px solid #F0F0F0; 
margin:5px;
clear:both;
}


/* WHMCS CSS */

#top_menu a:hover {border:none;}