html, body {
  margin: 0;
  padding: 0;
}

body {
  background: url(img/bg.gif) top left repeat-x #bbb;
  margin: 30px auto 40px auto;
  width: 985px;
  text-align: center;
}

body, table, input, textarea {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif, Times New Roman, serif;
  font-size: 11pt;
}

div, p {
  text-align: left;
}

img {
  border: 0;
}

.curved, input.text, input.username, input.password, div.contentBox,
div.contactForm fieldset, div.contactForm dl input, textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.cleared {
	clear: both;
}

.pointer {
	cursor: pointer;
}

.last {
  margin-bottom: 0;
}


/* Links & Labels */

a, a:link, a:active, a:visited, .clickable {
  color: #df3000;
  text-decoration: none;
}

a:hover, .clickable:hover {
  color: #f33;
}

label {
  position: relative;
  vertical-align: middle;
  font-weight: bold;
  color: #4b4b4b;
  cursor: pointer;
}

label:hover {
  color: #df3000;
}


/* Emphasis & Dividers */

big {
  font-size: 13pt;
  line-height: 16pt;
}

strong {
  font-weight: bold;
  color: #4b4b4b;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #4b4b4b;
}

h1 {
  font-size: 20pt;
  line-height: 22pt;
  margin: 15px 0;
}

h2 {
  font-size: 18pt;
  line-height: 20pt;
  margin: 15px 0;
}

h3 {
  font-size: 15pt;
  line-height: 17pt;
  margin: 15px 0 10px 0;
}

h4 {
  font-size: 13pt;
  line-height: 15pt;
  margin: 10px 0;
}

em {
  font-style: normal;
  color: #df3000;
}

hr.subtle {
  border-style: dotted;
  color: #ccc;
  height: 1px;
}


/* Offset Boxes */

div.offset {
	border: 2px solid #ddd;
  background: url(img/front_middlebar_bg.gif) bottom center repeat-x white;
  text-align: center;
  margin: 10px 0;
}


/* Promotion Box */

div#promotion {
  color: white;
  background-color: #cd0000;
  border: 3px solid #ccc;
  padding: 7px 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 13pt;
}

div#promotion em {
  color: #fff000;
}


/* Generic Subpages */

div.contentBox {
  background-color: white;
  border: 1px solid #4b4b4b;
  padding: 10px;
}

div#subMain {
  float: left;
  width: 696px;
  min-height: 413px;
  margin-bottom: 8px;
}

div#subRight {
  float: right;
}

div#subRight div.contentBox {
  width: 240px;
  margin-bottom: 4px;
}


/* Plan Tables //

table.plan {
  width: 214px;
  border-collapse: collapse;
  border: 1px solid #000;
  float: left;
  margin: 5px;
}

table.plan th, table.plan td {
  padding: 7px 3px;
  font-size: 10pt;
}

table.plan thead th {
  background: url(img/menu_footer_bg.gif) top center repeat-x black;
  color: white;
  font-size: 14pt;
  padding: 10px 0;
  text-align: center;
}

table.plan tbody th {
  font-weight: normal;
}

table.plan tbody td {
  font-weight: bold;
  color: #df3000;
  text-align: center;
}

table.plan tbody tr.price td {
  color: black;
  background-color: #e2ecff;
}

table.plan tbody tr.price big {
  font-size: 14pt;
}

table.plan tbody tr.prepay td {
  color: black;
  background-color: white;
}

tr.prepay td div {
  text-align: center;
  margin-top: 15px;
  background-color: white;
} */


/* Plan Page */

div.plans {
  background-color: #fff7c0;
  border: 2px solid #ddd;
}

div#planFeatures {
  border: 2px solid #c4c4c4;
  background: url(img/plan_features_bg.gif) top center repeat-x #e9e9e9;
  float: left;
  width: 190px;
  margin-top: 10px;
}

div#planFeaturesTitle {
  margin: 10px 7px;
}

div#planFeatures ul {
  list-style-position: inside;
  margin-left: 5px;
  padding-left: 0px;
  font-size: 10pt;
  line-height: 16pt;
  font-weight: bold;
  color: black;
}

div#planFeatures em {
  color: #206517;
}

div#planFeaturesFooter {
  margin: 5px;
  font-size: 12pt;
  font-weight: bold;
}

div.planButtons {
  float: left;
  width: 223px;
  margin: 0 10px;
}

div.planButtons div {
  margin-bottom: 0px;
}

div.planButtons div.last {
  margin-bottom: 0;
}

div.notes {
	background-color: white;
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 15px;
}

div.plans div.notes, div.businessPlans div.notes {
  float: left;
  font-size: 10pt;
  width: 220px;
  margin-left: 0px;
}


/* Business Plans Page */

div.businessPlans {
  background-color: #fff7c0;
  border: 2px solid #eee;
  position: relative;
}

div.businessPlans table {
  border-collapse: collapse;
  border: 1px solid black;
  float: left;
}

tbody th, tbody td {
  background-color: white;
}

tr.odd th, tr.odd td {
  background-color: #f3f3f3;
}

th {
  background: url(img/menu_footer_bg.gif) top center repeat-x black;
  color: white;
}

div.businessPlans th, div.businessPlans td {
  font-size: 10pt;
  width: 62px;
  padding: 7px 3px;
  text-align: center;
}

div.businessPlans th.first {
  width: 60px;
}

div.businessPlans tr.subhead td {
	text-align: left;
	padding-left: 8px;
  background: url(img/mid_grey_gradient.gif) top center repeat-x #ccc;
}

div.businessPlans tr.subhead h4 {
	font-size: 10pt;
	margin: 0px;
}

div.businessPlans div.notes {
  width: 170px;
	margin-left: 11px;
}


/* Resellers Page */

div.resellerOption {
  border: 2px solid #ddd;
  padding: 10px;
  margin: 20px 0;
}

div.resellerOption#option1 {
  background-color: #deecff;
}

div.resellerOption#option2 {
  background-color: #fffca6;
}

div.resellerOption#option3 {
  background-color: #d9ffd4;
}

div.resellerOption table {
  border-collapse: collapse;
  border: 1px solid black;
}

div.resellerOption table {
  margin-bottom: 5px;
}

div.resellerOption td, div.resellerOption th {
  font-size: 10pt;
  text-align: center;
  padding: 5px 8px;
}

div.resellerOption th {
  padding: 10px 14px;
}

div.resellerOption td.setupFee {
  background-color: #6bc165;
  font-weight: bold;
  font-size: 11pt;
}

div.resellerOption tr.odd td {
  background-color: #f0f0f0;
}

div.resellerOption div.ssWrapper {
  float: left;
  width: 172px;
}

div.resellerOption div.screenshots div {
  float: none;
  margin: 15px 6px 20px 6px;
}

div.resellerOption p {
  margin-right: 5px;
}


/* Header, Footer, etc. */

div#header {
  position: relative;
}

div#phoneNumbers {
  position: absolute;
  right: 380px;
  bottom: 10px;
}

img#topLogo {
  width: 214px;
  height: 87px;
}

div#footer, div#footer.small {
  clear: both;
  position: relative;
  background: url(img/menu_footer_bg.gif) 0px -15px repeat-x black;
  border: 1px solid black;
  width: 982px;
  height: 32px;
  margin: 8px auto;
  color: white;
  font-size: 9pt;
  font-weight: bold;
}

div#footer.small {
  clear: left;
  width: 715px;
  margin: 8px 0;
}

div#footerCopyright {
  position: relative;
  top: 8px;
  left: 10px;
}

div#footerMenu {
  text-align: right;
  position: absolute;
  top: 8px;
  right: 10px;
}

div#footerMenu a, div#footerMenu a:link,
div#footerMenu a:active, div#footerMenu a:visited {
  color: white;
  margin-left: 10px;
  text-decoration: none;
}

div#footerMenu a:hover {
  text-decoration: underline;
  color: #ff3700;
}

div#bottomLogo {
  text-align: center;
  margin-top: 20px;
}

div#bottomLogo.small {
  width: 717px;
}


/* Login Bar */

div#loginBar {
  position: absolute;
  right: 0;
  bottom: 0px;
}

div#loginBar.loggedIn {
  right: 5px;
}

div#loginBar input.username, div#loginBar input.password {
  padding: 3px 3px 3px 25px;
  width: 120px;
  font-size: 10pt;
}

div#loginBar input.username {
  background: url(img/icon_username.png) 3% 50% no-repeat white;
}

div#loginBar input.password {
  background: url(img/icon_password.png) 4% 50% no-repeat white;
}

div#loginBarRow1 {
  text-align: right;
}

div#loginBarRow2 {
  margin-top: 10px;
  text-align: right;
}

div#loginBarRow2.form {
  margin-top: 5px;
}
  
div#loginBarRow2 a {
  margin-left: 10px;
}


/* Menu */

div#menu {
  position: relative;
  background: url(img/menu_footer_bg.gif) top left repeat-x black;
  border: 1px solid black;
  width: 982px;
  height: 40px;
  margin: 10px auto;
}

div#menuLinks {
  font-weight: bold;
  margin-left: 15px;
  font-size: 14pt;
}

div#menuLinks a {
  padding: 0 20px;
  line-height: 40px;
  display: block;
  float: left;
  color: white;
  text-decoration: none;
}

div#menuLinks a:hover, div#menuLinks a:focus {
  text-decoration: none;
  background: url(img/menu_hover_bg.gif) top left repeat-x #6b6b6b;
}

div#menuLinks a.active {
  text-decoration: none;
  background: url(img/menu_active_bg.gif) top left repeat-x #9d9d9d;
  color: black;
}

div#menuLinks a.active:hover, div#menuLinks a.active:focus {
  background: url(img/menu_active_hover_bg.gif) top left repeat-x #b2b2b2;
}

div#menuLinks a.signup {
  text-decoration: none;
  background: url(img/menu_signup_bg.gif) top left repeat-x #d92e01;
  color: black;
}

div#menuLinks a.signup:hover, div#menuLinks a.signup:focus {
  background: url(img/menu_signup_hover_bg.gif) top left repeat-x #e62f00;
  color: white;
}

div#menu a:active {
  outline: none;
}

div#menu a:focus {
  -moz-outline-style: none;
}

div#liveChat {
  position: absolute;
  right: 10px;
  top: 3px;
}


/* Front Page */

div#frontMain {
  position: relative;
  background: url(img/front_main_bg.gif) top center repeat-x white;
  border: 1px solid #4b4b4b;
  width: 982px;
  height: 332px;
}

div#frontMainLeft {
  background: url(img/main_woman.png) bottom center no-repeat;
  width: 222px;
  height: 322px;
  position: absolute;
  bottom: 0px;
  left: 8px;
  z-index: 1;
}

div#frontMainCenter {
  position: absolute;
  left: 190px;
  top: 30px;
  z-index: 3;
  width: 400px;
}

img#mainSlogan {
  width: 402px;
  height: 34px;
  position: relative;
}

ul {
  list-style-image: url(img/bullet.gif);
  list-style-type: square;
  color: #4b4b4b;
  font-size: 11pt;
  line-height: 18pt;
  font-weight: bold;
}

div#giantSignupButton {
  text-align: center;
  margin-top: 15px;
}

a#mainClickHere {
  position: absolute;
  top: 15px;
  right: 18px;
}

div#mainClickHereArrow {
  position: absolute;
  z-index: 4;
  right: 310px;
  top: 35px;
  width: 78px;
  height: 106px;
}

div#laptop {
  background: url(img/main_laptop.png) center center no-repeat;
  position: absolute;
  right: 20px;
  top: 40px;
  width: 358px;
  height: 271px;
  z-index: 1;
}

div#laptopContents {
  background: url(img/main_laptop_contents.png) center center no-repeat;
  width: 259px;
  height: 161px;
  position: relative;
  z-index: 2;
  top: 23px;
  left: 47px;
  border: 1px solid black;
}

div#laptopContents a#laptopLink {
  width: 259px;
  height: 161px;
  display: block;
}

div#frontMiddleBar {
  background: url(img/front_middlebar_bg.gif) bottom center repeat-x white;
  border: 1px solid #4b4b4b;
  width: 982px;
  height: 35px;
  margin: 8px auto;
  font-size: 13pt;
  line-height: 33px;
  font-weight: bold;
  color: #4b4b4b;
  text-align: center;
}

div#frontBoxes {
  border: 1px solid #4b4b4b;
  background-color: white;
  width: 982px;
  height: 254px;
  margin: 8px auto;
}

div#frontBoxes div {
  position: relative;
  float: left;
  border-right: 2px solid black;
  width: 215px;
  height: 84%;
  margin: 15px 0px;
  padding: 10px;
}

div#frontBoxes div.first {
  margin-left: 15px;
  padding-left: 0px;
  width: 225px;
}

div#frontBoxes div.last {
  border-right-width: 0px;
  margin-right: 15px;
}

div#frontBoxes img.boxIcon, div#subRight img.boxIcon {
  position: relative;
  vertical-align: middle;
  float: left;
}

div#frontBoxes h3, div#subRight h3 {
  position: relative;
  vertical-align: middle;
  float: left;
  color: #4b4b4b;
  margin: 15px 0 0 15px;
}

div#frontBoxes p, div#subRight p {
  font-size: 10pt;
  clear: both;
  padding: 15px 10px;
  margin: 0;
  text-align: left;
}

div#frontBoxes p {
  height: 95px;
}

div#frontBoxes p#mailingList, div#subRight p#mailingList {
  height: 45px;
  padding: 15px 0 0 5px;
}

div#frontBoxes input.text, div#subRight input.text {
  font-size: 8pt;
  margin-bottom: 6px;
}

div#frontBoxes .button {
  position: absolute;
  bottom: 5px;
}

div#frontBoxes .button, div#subRight .button {
  margin-left: 20px;
}

div#frontBoxes input.button, div#subRight input.button {
  margin-top: 5px;
}

.button:active, #giantSignupButton a:active, div.planButtons a:active {
  outline: none;
}

.button:focus, #giantSignupButton a:focus, div.planButtons a:focus {
  -moz-outline-style: none;
}

div#frontBoxes label, div#subRight, label {
  font-size: 10pt;
}

div#frontBoxes form, div#subRight form {
  width: 220px;
  margin-left: 10px;
}


/* For general Contact Us box */

div.liveChatContent {
  background: url(img/menu_footer_bg.gif) top left repeat-x black;
  border: 1px solid black;
  padding: 3px;
  width: 150px;
  height: 35px;
  text-align: center;
}

div#generalContactBox, div#generalContactBox p {
  text-align: left;
}


/* General Form Elements */

input, textarea {
  position: relative;
  vertical-align: middle;
  margin: 2px 3px;
}

div.contactForm dl input, div.contactForm dl textarea,
input.text, input.username, input.password {
  border: 1px solid #959595;
  padding: 5px;
}

input.text, input.username, input.password {
  background: url(img/input_bg.gif) top left repeat-x #ededed;
}



/* FAQ Page */

fieldset {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

legend {
  font-size: 15pt;
  font-weight: bold;
  color: #4b4b4b;
}

div.faq dt {
	font-weight: bold;
	margin: 0;
	padding-top: 7px;
  background-color: #f9f9f9; /* To fix IE8's buggy text rendering while animating */
}

div.faq dd {
	margin: 10px;
  padding: 0;
  background-color: #f9f9f9;
}


/* Media Page */

div.prSection {
  margin-bottom: 30px;
}

div.prSection.last {
  margin-bottom: 0;
}

div.pressRelease {
  margin-top: 15px;
  background-color: #f9f9f9;
}

div.prDate {
  font-size: 10pt;
  margin-bottom: 4px;
}

div.prContents {
  margin: 10px;
  background-color: #f9f9f9;
}


/* Features Page */

div.features div {
	margin: 20px 0;
}

div.features h3 {
  font-size: 11pt;
  line-height: 15pt;
  margin: 15px 0 10px 0;
}


/* Info Request Box */

input#fields_fname, input#fields_lname {
  width: 78px;
}

input#fields_email {
  width: 178px;
}


/* WHMCS Styles */


div.whmcsMenu {
  background: url(img/menu_footer_bg.gif) 0px 0px repeat-x black;
  border: 1px solid black;
  width: 690px;
  height: 32px;
  margin: 8px auto;
  color: white;
  font-size: 9pt;
  font-weight: bold;
}

div#whmcsSubMenu {
  background: url(img/mid_grey_gradient.gif) top center repeat-x #ccc;
  border: 1px solid #ccc;
  margin-top: 20px;
}

div#whmcsMainMenuLinks, div#whmcsSubMenuLinks {
  line-height: 32px;
  text-align: center;
}

div.whmcsMenu a, div.whmcsMenu a:link,
div.whmcsMenu a:active, div.whmcsMenu a:visited {
  color: white;
  margin: 0 10px;
  text-decoration: none;
}

div#whmcsSubMenu a, div#whmcsSubMenu a:link,
div#whmcsSubMenu a:active, div#whmcsSubMenu a:visited {
  color: black;
}

div.whmcsMenu a:hover, div#whmcsSubMenu a:hover {
  text-decoration: underline;
  color: #ff3700;
}

input[type=submit], input[type=button] {
  font-weight: bold;
  font-size: 10pt;
  padding: 2px 8px;
}

div.tutorials div.tutorialColumn {
  float: left;
  width: 337px;
  margin: 5px;
}

div.tutorialColumn div.tutorialBlock {
  margin: 0 0px 10px 0;
  padding: 10px 0 10px 5px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  clear: left;
  height: 90px;
}

div.tutorialColumn div.tutorialThumbnail {
  float: left;
  display: block;
}

div.tutorialColumn div.tutorialThumbnail img {
  width: 140px;
  height: 90px;
  border: 1px solid #999;
}

div.tutorialColumn div.tutorialText {
  float: left;
  width: 180px;
  font-size: 9pt;
  margin-left: 5px;
}

div.screenshots div {
  float: left;
  margin: 5px 7px;
}

div.screenshots img {
  width: 159px;
  height: 96px;
}

div.tutorialTitle, div.screenshotTitle {
  font-weight: bold;
  font-size: 10pt;
  color: black;
}

div.screenshotTitle {
  margin: 5px;
}


/* My Portal iframe */

iframe#myPortal {
  width: 1002px;
  height: 900px;
  border: 2px solid #777;
  overflow: hidden;
  position: relative;
  left: -10px;
}


/* Contact Forms */

div.contactForm dt {
  position: relative;
  margin-bottom: 10px;
}

div.contactForm dt span {
  margin-top: 5px;
  margin-left: 3px;
  display: block;
}

div.contactForm dd {
  margin-left: 8px;
}

div.contactForm dl input {
  padding: 5px;
}

div.contactForm dl input:hover, div.contactForm dl textarea:hover {
  border: 1px solid #c5c5c5;
}

div.contactForm dl input:focus, div.contactForm dl textarea:focus {
  border: 1px solid #bd1500;
}

div.contactForm input.error, div.contactForm select.error, div.contactForm textarea.error,
div.contactForm input.error:hover, div.contactForm textarea.error:hover,
div.contactForm input.error:focus, div.contactForm textarea.error:focus {
  border-color: #FF0000;
  border-width: 2px;
}

div.contactForm select.error, div.contactForm textarea.error {
  border-style: solid;
}

div.error {
  font-weight: bold;
  color: red;
  margin-bottom: 5px;
}


/* Partners Page */

div.partner {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

div.partner.first {
  padding-top: 10px;
  border-top: 0;
}

div.partner.last {
  padding-bottom: 0;
}

div.partnerLogo {
  width: 200px;
  margin: 0 15px 10px 0;
  float: left;
  text-align: center;  
}

div.partnerLogo img {
  border: 1px solid #ddd;
}

div.partnerText {
  width: 450px;
  float: left;
}