/* Branchwire Hosting */

body, ul, li, form, input, h1, h2, h3, h4, h5, h6 {
margin:0px;
padding:0px;
}
body {
text-align:center;
background:#e5ecf3;
}
a {
outline:none;
border:none;
}
.clear {
clear:both;
}
.wrapper {
width:100%;
background:url(../images/mainbg.jpg) no-repeat center top;
}
.main {
margin:auto;
width:820px;
}
.topblank {
height:24px;
}
/*header section start here*/
.logo {
float:left;
display:inline;
width:219px;
height:23px;
overflow:hidden;
}
.phone {
float:right;
display:inline;
width:150px;
text-align:right;
font:13px Myriad Pro, Arial, Helvetica, sans-serif;
color:#313335;
margin:11px 0px 10px 0px;
}

/*header section end here*/

/*nevigation section start here*/
.nevigation {
background:url(../images/nev_bg.jpg) repeat-x left bottom;
width:100%;
height:36px;
}
.nev_left {
background:url(../images/nev_left.jpg) no-repeat left bottom;
width:100%;
height:100%;
}
.nev_right {
background:url(../images/nev_right.jpg) no-repeat right bottom;
width:100%;
height:100%;
}
.nev {
width:660px;
float:left;
display:inline;
}
.nev ul {
list-style-type:none;
}
.nev li {
float:left;
display:inline;
margin:0px 4px 0px 0px;
font:11px Arial, Helvetica, sans-serif;
color:#999999;
line-height:10px;
}
.nev a {
font:11px Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
display:block;
line-height:10px;
}
.nev a span {
font:11px Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
padding:15px 14px 10px 14px;
display:block;
line-height:10px;
}
.nev a:hover{
color:#dedede;
}
.nev a:hover span{
color:#dedede;
}
.nev li.selected_home a{
background:url(../images/nev_home_selected.jpg) no-repeat left top;
}
.nev li.selected_home a span{
background:url(../images/home_selected_right.jpg) no-repeat right top;
color:#7fd3ef;
}
.nev li.selected_home a:hover span {
color:#7fd3ef;
}

/*style for normal selected list item*/
.nev li.selected a{
background:url(../images/nev_selected.jpg) no-repeat left top;
}
.nev li.selected a span{
background:url(../images/home_selected_right.jpg) no-repeat right top;
color:#7fd3ef;
}
.nev li.selected a:hover span {
color:#7fd3ef;
}
/*style for normal selected list item*/
.client_login {
float:right;
display:inline;
width:82px;
height:32px;
overflow:hidden;
text-align:center;
margin:4px 0px 0px 0px;
font:11px Arial, Helvetica, sans-serif;
color:#bed1e3;
line-height:10px;
}
.client_login a{
font:11px Arial, Helvetica, sans-serif;
color:#bed1e3;
text-decoration:none;
padding:11px 0px 11px 0px;
display:block;
line-height:10px;
background:url(../images/client_normal.jpg) no-repeat left top;
}
.client_login a:hover {
background:url(../images/client_normal.jpg) no-repeat left bottom;
}
/*nevigation section end here*/

/*banner section start here*/
.banner_top {
height:8px;
}
.banner {
width:100%;
height:368px;
}
.banner_bottom {
height:12px;
width:100%;
clear:both;
}
/*banner section end here*/

/*content section start here*/
.content {
width:100%;
}
.company_news {
float:left;
display:inline;
width:380px;
background:url(../images/company_bg.jpg) repeat-y left top;
}
.company_top {
background:url(../images/company_top.jpg) no-repeat left top;
width:100%;
}
.company_bottom {
background:url(../images/company_bottom.jpg) no-repeat left bottom;
width:100%;
padding:25px 0px 38px 0px;
}
.companyinner {
width:337px;
margin:auto;
text-align:left;
}
.news_title {
margin:0px;
}
.date {
font:11px Arial, Helvetica, sans-serif;
color:#b9b9b9;
line-height:12px;
margin:20px 0px 5px 0px;
}
h2 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#626262;
line-height:16px;
margin:0px 0px 22px 0px;
}
.newscontenttxt {
font:11px Arial, Helvetica, sans-serif;
color:#626262;
line-height:16px;
}
.newscontenttxt a{
font:11px Arial, Helvetica, sans-serif;
color:#496683;
line-height:16px;
background:#f0f0f0;
text-decoration:none;
padding:3px 7px;
}
.newscontenttxt a:hover {
color:#203549;
}

.shared {
width:204px;
float:left;
display:inline;
margin:0px 0px 0px 15px;
background:url(../images/shared_bg.jpg) repeat-y left top;
}
.shared_top {
background:url(../images/shared_top.jpg) no-repeat left top;
width:100%;
}
.shared_bottom {
background:url(../images/shared_bottom.jpg) no-repeat left bottom;
width:100%;
padding:25px 0px 0px 0px;
}
.shared_inner {
width:161px;
margin:auto;
text-align:left;
}
.scontent {
width:161px;
background:url(../images/bluebg.jpg) repeat-y left top;
margin:16px 0px 0px 0px;
}
.blue_top {
background:url(../images/blue_top.jpg) no-repeat left top;
width:100%;
}
.blue_bottom {
background:url(../images/blue_bottom.gif) no-repeat left top;
width:100%;
height:10px;
overflow:hidden;
}
.number {
float:left;
display:inline;
width:18px;
height:18px;
overflow:hidden;
margin:10px 10px 0px 10px;
text-align:center;
}
.share_text {
width:107px;
float:left;
display:inline;
font:11px Arial, Helvetica, sans-serif;
color:#395067;
line-height:12px;
margin:9px 0px 0px 0px;
}
.share_text ul {
list-style-type:none;
margin:0px 0px 5px 0px;
}
.share_text li {
font:11px Arial, Helvetica, sans-serif;
color:#395067;
line-height:20px;
}
.share_text a {
font:italic 11px Arial, Helvetica, sans-serif;
color:#769ec5;
line-height:12px;
text-decoration:none;
}
.share_text a:hover {
color:#3b5875;
}
.viewall {
padding:24px 0px 30px 0px;
}
.dedi_bottom {
background:url(../images/dedi_bg.jpg) no-repeat left bottom;
width:100%;
padding:25px 0px 0px 0px;
}
/*content section end here*/

/*footer section start here*/
.footer_top {
height:12px;
}
.footer {
width:100%;
background:url(../images/footer_left.jpg) #ffffff no-repeat left top;
}
.footerinner {
background:url(../images/footer_right.jpg) no-repeat right top;
width:100%;
}
.footerlogo {
float:left;
display:inline;
width:132px;
height:15px;
overflow:hidden;
margin:14px 0px 6px 10px;
}
.footernev {
width:630px;
float:right;
display:inline;
margin:13px 10px 0px 0px;
text-align:right;
}
.footernev ul {
list-style-type:none;
}
.footernev li {
float:right;
display:inline;
margin:0px 0px 0px 15px;
font:10px Arial, Helvetica, sans-serif;
color:#8f8f8f;
line-height:12px;
}
.footernev a{
font:10px Arial, Helvetica, sans-serif;
color:#8f8f8f;
line-height:12px;
text-decoration:none;
}
.footernev a:hover{
color:#666666;
}
/*footer section end here*/

/*home slideshow start here*/
#slideshow {
width:820px;
height:368px;
overflow:hidden;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height:0px; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height:0px;
visibility: hidden;
}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
width:820px;
overflow:hidden;
text-align:left;
height:368px;

}

#slideshow .slides ul {
width:2460px;
overflow:hidden;
}

#slideshow .slides li {
width:820px;
float: left;
height:368px;
overflow:hidden;
padding:0px;
margin:0px;
}

#slideshow .slides h2 {
margin-top: 0;}

#slideshow .slides div  {
position:relative;
top:-250px;
width:273px;
text-align:left;
margin:0px 0px 0px 64px;
font:11px Arial, Helvetica, sans-serif;
color:#ddbfe7;
line-height:23px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
position:relative;
top:-345px;
z-index:1000;
margin:0px 0px 0px 731px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#252525;
line-height:2px;
height:18px;
}

#slideshow .slides-nav li {
width:17px;
height:18px;
float: left;
font:bold 10px Arial, Helvetica, sans-serif;
color:#252525;
line-height:2px;
margin:0px 0px 0px 5px;
}

#slideshow .slides-nav li a {
display: block;
outline: none;
text-decoration:none;
background:url(../images/gallerynev_n.png) no-repeat left top;
font:bold 10px Arial, Helvetica, sans-serif;
color:#252525;
line-height:10px;
padding:3px 0px 5px 0px;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background:url(../images/gallerynev_h.png) no-repeat left top;
font:bold 10px Arial, Helvetica, sans-serif;
color:#252525;
line-height:10px;
}

.js #slideshow .slides-nav li.on a {
position: relative;
top: 0px;}

/*home slideshow end here*/

/*subpage style start here*/
.subpagebanner {
width:100%;
height:100px;
}

.package {
float:left;
display:inline;
width:580px;
background:url(../images/package_bg.jpg) repeat-y left top;
}
.package_top {
background:url(../images/package_top.jpg) no-repeat left top;
width:100%;
}
.package_bottom {
background:url(../images/package_bottom.jpg) no-repeat left bottom;
width:100%;
padding:25px 0px 18px 0px;
}
.packageinner {
width:530px;
margin:auto;
text-align:left;
}
.chart_bga {
background:url(../images/chart_bg1.jpg) repeat-y left top;
width:100%;
margin:22px 0px 0px 0px;
}
.chart_bga_bottom {
background:url(../images/chart_bg1.jpg) repeat-y left top;
width:100%;
margin:0px 0px 0px 0px;
}
.basic {
width:114px;
float:left;
display:inline;
text-align:center;
margin:13px 0px 13px 158px;
}
.professional {
width:133px;
float:left;
display:inline;
text-align:center;
margin:13px 0px 13px 0px;
}
.platinum {
width:125px;
float:left;
display:inline;
text-align:center;
margin:13px 0px 13px 0px;
}
.chargbgb {
background:url(../images/chart_bg2.jpg) repeat-y left top;
width:100%;
}
.category {
float:left;
display:inline;
width:145px;
padding:13px 0px 13px 13px;
font:11px Arial, Helvetica, sans-serif;
color:#646464;
line-height:11px;
}
.capacity_b {
width:114px;
float:left;
display:inline;
text-align:center;
padding:13px 0px 13px 0px;
font:italic 11px Arial, Helvetica, sans-serif;
color:#646464;
}
.capacity_p {
width:133px;
float:left;
display:inline;
text-align:center;
padding:13px 0px 13px 0px;
font:italic 11px Arial, Helvetica, sans-serif;
color:#1e6883;
}
.capacity_pl {
width:125px;
float:left;
display:inline;
text-align:center;
padding:13px 0px 13px 0px;
font:italic 11px Arial, Helvetica, sans-serif;
color:#646464;
}
.boldtext {
font-weight:bold;
}
.bold_grey {
font-weight:bold;
color:#646464;
}
.featuredtitle {
margin:5px 0px 0px 0px;
}
.sub_heading {
font:11px Georgia, "Times New Roman", Times, serif;
color:#313335;
line-height:12px;
margin:19px 0px 11px 0px;
}
.sub_contenttext {
font:11px Arial, Helvetica, sans-serif;
color:#7b7b7c;
line-height:16px;
}
.subpagerighwrap {
width:224px;
display:inline;
float:right;
}
.subpage_right {
width:100%;
background:url(../images/subpage_rightbg.jpg) repeat-y left top;
}
.subpagerighttop {
background:url(../images/subpage_right_top.jpg) no-repeat left top;
width:100%;
}
.subpagerightbottom {
background:url(../images/subpage_right_bottom.jpg) no-repeat left bottom;
width:100%;
padding:25px 0px 23px 0px;
}
.subrightinner {
width:188px;
margin:auto;
text-align:left;
font:11px Arial, Helvetica, sans-serif;
color:#465f78;
line-height:16px;
}
.whyus_title {
margin:0px 0px 18px 0px;
}
.whybottomblank {
height:12px;
}
.view_package {
margin:21px 0px 0px 0px;
}
.view_package a{
font:italic 11px Arial, Helvetica, sans-serif;
color:#478ba2;
text-decoration:none;
line-height:12px;
}
.view_package a:hover {
color:#296579;
}

#slideshow a, #slideshow img {
border:0;
outline: none;
}

/*subpage style end here*/

/* ---------------------------------------------------- */
/* CANNYBILL INTEGRATION
/* ---------------------------------------------------- */

.cannybill h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	margin:0px 0px 22px 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;;
}

.cannybill h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	margin: 10px 0px 10px 0px;
}

.cannybill div.module2 h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	padding-top: 20px;
	margin: 30px 0px 10px 0px;
	border-top: 1px solid #eee;

}

.cannybill h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	margin: 20px 0px 10px 0px;
	border-top: 1px solid #eee;
	padding-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.cannybill h4 {
	font:16px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	margin: 20px 0px 10px 0px;
	border-top: 1px solid #eee;
	padding-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.cannybill table {
	font: 16px Arial, Helvetica, sans-serif;
	color:#626262;
	font-size: 1em;
	line-height: 1.8em;
}

.cannybill div.newscontenttxt {
	margin-top: -10px;
	padding-bottom: 20px;
	font-size: 1em;
	line-height: 1.5em;
}

.cannybill p {
	font: 16px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height: 2em;
}

.cannybill label {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:1.5em;
}

.cannybill .formSelect {
	margin-left: 20px;
}

.cannybill div#setupfee {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	margin-top: 10px;
	padding-left: 20px;
}

.cannybill .setupfee {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#626262;
	line-height:16px;
	padding-top: 10px;
}

.cannybill div#spnPackageOptions {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #626262;
	line-height: 2em;
}

.cannybill .Next {
	margin-left: 450px;
	margin-top: -20px;
}

.cannybill td.left {
	padding-right: 40px;
}

.cannybill a.edit {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height:12px;
	text-decoration:none;
}

.cannybill a.edit:hover {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height:12px;
	text-decoration:underline;
}

.cannybill .formField {
	padding: 5px;
	font-size: 17px;
}

.cannybill address.paymentAddress {
	text-transform: none;
	font-style: normal;
	font:16px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height: 1.4em;
	border-left: 10px solid #eee;
	padding-left: 20px;
}

.cannybill .module1 address {
	text-transform: none;
	font-style: normal;
	font:16px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height: 1.4em;
	border-left: 10px solid #eee;
	padding-left: 20px;
}

/* ---------------------------------------------------- */
/* LOGIN FORMS
/* ---------------------------------------------------- */

form.cpanel {
	padding: 10px 0;
}

form.cpanel label {
	display: none;
	float: left;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	margin-right: 10px;
	text-transform: capitalize;
}

form.cpanel input {
	margin-bottom: 20px;
	margin-right: 5px;
	float: left;
	border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}