/* zero out the defaults
----------------------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}


/* defaults
----------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #333333;
    font-size: small;   /* this sets initial base font size to approx 12px */
	background-image: url('/images/top_bg.jpg');
	background-repeat:repeat-x;
	background-color: #ffffff;
}

.required {
	font-weight: bold;
}

html>body { /* be nice to Opera */ font-size: small;}
img { behavior: url(/css/iepngfix.htc) } /*PNG Transparency for IE6	*/	
		
table, td {font-size: 100%;} 
b, strong, i, em, cite, var, tt, code, kbd, samp, img, span {display: inline;}
dt {margin-bottom: 0;}
dd {margin-top: 0; margin-left: 3em;}
hr {border: none; background-image: url(/images/hr_bg.gif); background-repeat:repeat-x; height: 5px; margin: 15px 0 15px 0;}
b, strong {font-weight: bolder } /* relative to the parent */
i, cite, em, var, address {font-style: italic;}
pre, tt, code, kbd, samp {font-family: monospace;}
#oldbrowsers {display: none;}
#ie5mac {display: none;}
img {border:none;}
 
/* ----------------------------------------------- */



#header {
  width: 925px;
  height: 70px;
  background-repeat:no-repeat;
  margin: 0 auto 0 auto;
  padding: 15px 0 0 0;
} 

#page {
	width: 925px;
	/*border-top: 1px solid transparent;*/ /* If I don't have a border, or char nested in the HTML, the div doesn't render. Why? */
	margin: 0 auto 0 auto;
	}

	
#logo {
  margin: 0px 0 15px 0px;
  width: 300px;
  float: left;
}


#nav {
padding: 0;
float:right;
margin: 10px 0 0 0;
text-align:right;
white-space:nowrap;
}

#mininav {
float: right;
padding: 0;
font-size: 80%;
margin: 0 0 0 0;
width: 571px;
text-align:right;
}

#nav a {
float: left;
display: block; 
height: 20px;
padding: 6px 25px 2px 27px;
color:#555555;
text-decoration:none;
font-size: 13px;
font-family:Helvetica, Arial, sans-serif; 
font-weight: bold;
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #e0e0e0;
border-top: 1px solid #ffffff;
background-color: #eeeeee;
}

#mininav a, #mininav a:link, #mininav a:visited {color:#555555;}
#mininav a:hover, #mininav a:active {color: #83b300}

#nav a:link, #nav a:visited {color:#555555;text-decoration:none;}
#nav a:hover {color: #000000; background-color: #f5f5f5;}
#nav a:active {color:#666666;}

#nav a.on {background-color: #ffffff; border: 1px solid #cdcdcd; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #ffffff;}
#nav a.on:link, #nav a.on:visited {color: #000000; text-decoration:none;}
#nav a.on:hover, {color: #777777; background-color: #f5f5f5;}
#nav a.on:active {color: #777777;}
  
#nav div {
height: 29px;
padding: 0;
width: 10px;
border-bottom: 1px solid #cdcdcd;
background-color: transparent;
float:left;
}



#nav_fallback{display:none;}




	
#footer {
	color: #aaaaaa;;
	font-size: 12px;
	margin: 60px 0 25px 0;
	width: 942px;
	padding: 20px 0 50px 0;
	border-top: 2px solid #eeeeee;
	} 

#footer_logo{
	float: left;
	text-align: left;
	width: 100px;
	margin: 0 0 10px 10px;
	}
	
#footer_body{
	text-align: right;
	padding: 10px 0px 0 0;
	font-size: 80%;
	float: right;
	}	
	
blockquote {margin: 0 0 0 20px;}

/* Other page sections
----------------------------------------------- */

#homepage {
	background-color:#FFFFFF;
	width: 925px;
	margin: 0;
}

#homepage_banner {
	color: #000000;
	width: 917px;
	height: 250px;
	background-color:transparent;
	margin: 0;
	padding: 20px 0 0 25px;
	background-repeat:no-repeat;
}


#homepage_banner_message {
width:270px;
height:274px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 80px;
}

#homepage_banner_signup {
width: 475px;
margin: 10px 0 0 395px;
}

#homepage_banner_signup table {border-collapse:collapse;}
#homepage_banner_signup table td {vertical-align: top;}
#homepage_banner_signup table td.row_label {vertical-align: bottom; padding: 7px 0 0 0;}
#homepage_banner_signup table td.row_submit {padding: 10px 0 0 0;}

#homepage_body {
	width: 915px;
	background-color:#FFFFFF;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
}


#homepage_body  #left{
  float: left;
  display:inline; /*for ie6 double float bug */
  width: 315px;
  background-color:#FFFFFF;
  margin: 0 0 0 0;
}

#homepage_body #right {
  float: right;
  display:inline; /*for ie6 double float bug */
  width: 225px;
  background-color:#FFFFFF;
  margin: 0 0 0 0;
  text-align: justify;
}

#homepage_body #middle {
  width: 270px;
  background-color:#FFFFFF;
  margin: 0 285px 0 360px;
}

#maincontentfull {
	 	margin: 25px 0 0 25px;
		width: 830px;
}

#maincontent2col {
	 	margin: 25px 0 0 25px;
		width: 550px;
		float: left;
		display:inline; /*for ie6 double float bug */
}

#sidebar1 {
		padding: 60px 0 0 45px;
		margin: 0 0 0 615px;
		width: 248px;
		background-image: url(/images/sidebar_bg.jpg);	
		background-repeat:no-repeat;	
		height: 620px;
		font-size: 85%;
}

#sidebar2 {
		display: inline;
		width: 140px;
		margin: 11px 635px 0 0;
		background-color:#FEBD59;
		font-size:12px;
		padding: 13px 5px 10px 0px;
		background-repeat: no-repeat;
		background-position: left top;
	}

.screenshot_spot {
position: relative;
height: 220px
}

.screenshot_home {
position: absolute;
top: -20px;
left: -20px;
z-index: 2;
}


.quote {font-size: 85%; color: #777777;}
.quote_by {font-size: 85%; color: #777777; text-align:right; float: right; margin: 0;}



.gtpro_table { width: 700px; border-spacing: 0; border-collapse:collapse;
 } 
.gtpro_table th {
  cursor: pointer;
  background-color: #90be01; 
  color: #eeffcc; 
  font-size: 120%; 
  padding: 10px 0 10px 0; 
  }
  
.gtpro_table th{background-color:#aedc26; color: #ffffff; font-size: 100%; margin: 0;} 
  
.gtpro_table th.filler, .gtpro_table td.filler {background-color: transparent; border: none; width:auto; text-align:left; padding: 10px 0 0 10px;}

.gtpro_table td { border: 1px solid #dedede; padding: 4px 6px 4px 0; text-align: center;}
.gtpro_table td.rowlabel {text-align: left; padding-left: 10px; border-right: 3px solid #dedede; }


.plan_table { border-spacing: 0; border-collapse:collapse;
 } 
.plan_table th {
  cursor: pointer;
  background-color: #90be01; 
  color: #eeffcc; 
  font-size: 120%; 
  padding: 10px 10px 10px 10px; 
  border-left: 1px solid #eeffcc;}
  
.plan_table th.plan_ov {background-color:#aedc26} 
  
.plan_table th p.price{color: #ffffff; font-size: 150%; margin: 0;}
.plan_table th.filler, .plan_table td.filler {background-color: transparent; border: none; width:auto; text-align:left; padding: 10px 0 0 10px;}

.plan_table td { border-top: 1px dotted #dcdaaa; border-bottom: 1px dotted #dcdaaa; padding: 4px 6px 4px 0; text-align: left;}
.plan_table td.feature {text-align: left; padding-left: 10px; border-right: 3px solid #dcdaaa;}
.plan_table td.addon {text-align: left; padding-left: 10px; width: 200px;}

.col_plan {  width: 125px; }

.yourplan {background-color: #f8f8e4;}

tr.order td {border: none; border-top: 1px dotted #dcdaaa; cursor:default; vertical-align:middle;}
td.notincluded { color: #cccccc;}


.fullfeature {font-weight: bold;}


.price_mo {font-size: 80%; margin: 0;}


tr.on td.feature{background-color: #f8f8e4; color: #6a4023; border-bottom: 2px solid transparent;border-top: 2px solid #f2f0c0}

tr.highlight td {background-color: #f8f8e4; color: #6a4023}


.extrainfo td {padding: 5px 35px 25px 25px; text-align: left; font-size: 90%; background-color: #f8f8e4; color: #6a4023; width: 630px;}

.moreless {font-family:"Courier New", Courier, monospace; cursor:pointer; color: #999999;}

#legend {font-size: 80%; vertical-align:top; text-align:left; color: #888888; border-left: none;}


/* links
----------------------------------------------- */

a,
a:link,
a:visited {
		color: #83b300;
		text-decoration: underline;
		cursor: pointer;
}

a:hover,
a:active {
		color: #83b300;
		text-decoration: underline;
		cursor: pointer;
}

h3 a:link,
h3 a:visited,
h3 a:active {
		color: #e67a00;
		text-decoration: underline;
}
h3 a:hover {
		color: #e67a00;
		text-decoration: underline;
}

#subnav {color: #cccccc; margin: 0 0 35px 0;}
	
#subnav a {}
#subnav a:visited {}
#subnav a:hover {}

#footer a,
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #999999;
  	}
 
	
.sidebar_button {margin: 0 0 0 0;}	
	
/* headings
----------------------------------------------- */


h1 {
	font-size: 325%;
	color: #759c00;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
  } 

h2 {
	font-size: 200%;
	color: #759c00;
	font-weight: normal;
	letter-spacing: -1px;
	margin: .7em 0 0px 0;
  }  


.featurelist h2 { margin: 20px 0 20px 0; }
  
h3 {           
	font-size: 140%;
	color: #333333;
	font-weight: bold;
	margin: .7em 0 0 0;
}  


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

fieldset h3 {           
	margin: 0 0 15px 0;
}  

h4 {
	font-size: 135%; 
    margin: 0;
	color: #595959;  
}

h5 {
	font-size:14px;
	letter-spacing: -.7px; 
	padding-bottom:0px;
	margin-bottom:0px;
}

#homesidebar2 h4 {
	font-size: 1.8em; 
    margin: 0px;
    padding:0px;
}

#homesidebar2 h5 {
	font-size: 1.4em;
	margin-top:10px;
	padding:0px;
	margin-bottom:0px;
}

h1 a:link {
	text-decoration:none;
	color: #FF8A24;
	border: 0px;}

h1 a:visited {
	text-decoration:none;
	color: #FF8A24;
	border: 0px;}
	
h1 a:hover {
	text-decoration:none;
	color: #7A99C4;
	border: 0px;}
	
h2 a:link {
	text-decoration:none;
	color: #a50000;
	border: 0px;}

h2 a:visited {
	text-decoration:none;
	color: #a50000;
	border: 0px;}
	
h2 a:hover {
	text-decoration:none;
	color: #7A99C4;
	border: 0px;}
	
/*---------------- Other -----------------*/
p {margin-top: .5em}


#error {

	color: #BB0000;
	padding: 15px;
	margin: 10px 0px;
	border: 1px dotted #BB0000;

}


.error {
	color: #BB0000;
	font-size: 90%;
	padding-left: 27px;
	padding-bottom:8px;
	overflow: visible;
	text-align: left;
}


#success {
	color: #7EA60F;
	border: 1px dotted #7EA60F;
	padding: 10px 10px 10px 27px;
	margin: 10px 0px;
	background-image: url("/images/symbol_check.gif");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.success {
	color: #2C9800;
	border: 1px dotted #7EA60F;
	font-size: 90%;
	background-image: url("/images/symbol_check.gif");
	background-repeat: no-repeat;
	padding: 2px 0 8px 27px;
	overflow: visible;
	text-align: left;
}

/* CSS used for the order form */

div.formerrordiv {
	color: #dd0000;
	font-weight: normal;
	text-align: left;
	border: 1px dotted #ffabad;
	margin-top: 2px;
	margin-bottom: 5px;
}

div.inputfail {
	background-color: #ffe3d4;
	margin: 0px;
	padding: 0 0 0 0;
}

div.inputfailside {
	background-color: #ffe3d4;
	margin: 0px;
	padding: 5px 0 0 0;
}

span.stepinactive {
	font-weight:bold;
	color: #759C00;
	font-size: 100%;
	filter: alpha(opacity=.40);
		   	-moz-opacity:0.4;
			-khtml-opacity: 0.4;
			opacity: 0.4;
}

span.stepinactive a {
	text-decoration: none;
}

span.stepactive {
	color: #759C00;
	font-size: 110%;
	font-weight:bold;	
}

span.stepactive a {
	text-decoration: none;
}

.price_item {
	color: #000000;
	font-size: 120%;
	font-family:"Courier New", Courier, monospace;
}

.price_off {
	color: #000000;
	font-size: 120%;
	font-family:"Courier New", Courier, monospace;
	text-decoration:line-through;
}


#currentprice {
	color: #000000;
	font-size: 300%; 
	font-weight:bold;
}

span.activeupgrade {
	display: block;
}

span.inactiveupgrade {
	display: none;
}


input_ok {}
input_ok img {
vertical-align:middle; 
padding:0px 0 4px 0;
border:none;
}

.total_box {border-top: 1px dashed #999999; margin: 5px 0 25px 0;}
#promo_code {font-size:80%; font-family:"Courier New", Courier, monospace;}
#promo_code_button {font-size:80%;}

/* End order form specific CSS */

.small {
  font-size: 80%;
  font-weight: normal;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

.tiny {
  font-size: 70%;
  font-weight: normal;	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}


th .small, th .tiny {color: #ffffff}

#formdivpromo_code { padding: 5px; border: 1px solid #f9f8d8; background-color: #fdfdf3;}

/* ---------- Forms -------------- */
form {
	margin-top:0px;
	margin-bottom:0px;
}

.ordernav {	padding: 20px 5px 0 0; width: 485px; }
#btn_orderfinish, #step4span {float:right;}

fieldset {
	margin: 10px 0 0 0;
	padding: 10px 20px 20px 20px;
	border: none;
	border-top: 5px solid #f9f8d8;
	background-color: #fdfdf3;
	width: 450px;
}

fieldset input, fieldset textarea, fieldset select {
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	display: inline;
	padding: 0px;
}

fieldset textarea {width: 320px;}

fieldset div.row {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
    clear:both;
}


fieldset div.end {
	margin: 0px;
	padding: 0 20px 0 0;
}

fieldset h2{
	margin: 0 0 10px 0;
}

fieldset div.error {
	margin: 0px;
	padding: 6px 10px;
	background-color: #ffd4d5;
	background-repeat: no-repeat;
	background-position: 5px  5px;

}

fieldset div div.right {
	font-size:90%;
	font-weight: normal;
	margin: 0px 0px 0px 155px;
	padding-top: 2px;
	text-align:left;
}


fieldset div div.left {
	width: 114px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	font-size: 90%;
	float:left;
}

fieldset div span.desc {
	font-size: 80%;
	font-weight: normal;	
}

fieldset p.submit {

	margin: 0 0 1.0em 0;
	padding: 8px 0;
	background-color: transparent;
	border-bottom: none;
	text-align: center;
}

fieldset label, #btnSave {cursor: pointer;}

fieldset.addon_list .row{height: 45px; border-bottom: 1px solid #edede3; }
fieldset.addon_list .left{ font-weight: bold; width: 144px;}



#btnSave {font-size: 120%;}

#imageurlinput {

  background-image: url('/images/globe.gif'); 
  background-repeat:no-repeat; 
  padding: 3px 0 3px 21px; 
  font-size:9px; 
}


.featurepic {padding: 1px; margin: 0 0 0 0; border: 1px solid #cccccc; }
.featurepic img {}
.caption { text-align: left; padding: 7px 10px 5px 25px; margin: 0 0 25px 0; font-size: 80%; color: #555555; background-color: #ffffff; }

table.features {width: 100%;}
tbody.featurelist {}
tbody.featurelist td {vertical-align: top; border-collapse:collapse; padding: 10px 25px 0 0;}

.example_desc {margin: 0 0 20px 245px;}

.examplepic {float: left; margin: 0 0 35px 0;}

div.faqquestion {
	font-weight: bold;
	margin: 60px 0px 0px 0px;
}

div.faqanswer {
	margin: 6px 180px 0px 30px;
}


div.faqquestion h2 { 
	font-size: 150%;
	font-weight: bold;
	display:inline;
}

div.faqanswer h2 {
	font-size: 150%;
	font-weight: bold;
	display:inline;
}

#front_description {margin: 0 0 10px 0;}


#homepage_banner_signup .main_input {font-size: 140%; padding: 4px 0 0 3px; font-weight:bold; font-family:"Courier New", Courier, monospace; border: 1px solid #87be00; height: 22px; margin: 0; width: 370px; color: #679e00}
#homepage_banner_signup select {color: #333333; background-color: #dddddd; font-size: 130%; font-family:Verdana, Helvetica, sans-serif; border: 1px solid #31004a; letter-spacing: -.07em; height: 28px; margin: 0; }
#homepage_banner_signup #site_subdomain { width: 100%;}
#homepage_banner_signup #custom_domain { width: 250px;}
#homepage_banner label {font-weight: bold; font-size: 120%; font-family: arial;}
#homepage_banner_signup .submit_image {vertical-align:middle;}
#homepage_banner_signup .desc {color: #aaaaaa; font-size: 9px;}
#homepage_banner_signup #site_subdomain_desc span {position:absolute; z-index: 3; top:0px; left: 0px; white-space:nowrap;}
#homepage_banner_signup .desc_spot {position:relative; font-size: 9px;}


#addon_descriptions {margin-top: 55px; border-top: 4px solid #cccccc;}

table.detailedfeatures {border-collapse:collapse; margin: 0 0 0 0; }
table.detailedfeatures td {padding: 10px 15px 15px 15px;}
table.detailedfeatures th {font-size: 125%; font-weight:normal; text-align:left; padding: 4px 15px 4px 15px; background-color: #9ed11f; color: #ffffff; border-bottom: 2px solid #82b014;}
table.detailedfeatures ul {font-size: 90%}
table.detailedfeatures li {margin-bottom: 5px;}

table.detailedfeatures li.upgrade {
  list-style-image:url("/images/bullet_upgrade.png");
  list-style-type:square;
  padding: 3px;
  margin-bottom: 2px;;
  }

.upgrade {  background-color:#eef7da; color: #4c7800;}



/*------------ Sifr -----------*/
/* Flash header replacement. These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -2px;
	margin: 0;
	}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash .featurelist h3 {
	margin-top: 0;

}

.sIFR-hasFlash .examples h3 {
	visibility: hidden;
	letter-spacing: -6px;
}

.paragraph_icon {float:left; margin-right: 6px;}