
body{
	font-family: "Trebuchet MS";
	font-size: small;
	background: #fff url("../images/background.jpg") repeat-x;
	margin: 0;
	height: 100%;
}

.small{
  font-size: 10px;
}

.label{
  color: #8d8d8d;
}

.label_err, .red{
  color: #aa2222;
}

.clearer{
	clear: both;
}

.bold{
	font-weight: bold;
}

.hover{
	cursor: pointer;
}

.no-show{
  	display: none;
}

a{
	color: #000;
}

a:hover{
	color: #666;
}

a.hype-link{
  	color: #666;
}

a.hype-link:hover{
  	color: #333;
}

p.paraheader{
	font-size: 125% !important;
	padding-bottom: 0 !important;
}

/* containing elements for the design */
#wrapper{
	width: 809px;
	height: 100%;
	margin: 0 auto;
	background: url("../images/wrapper-back.png") repeat-y;
	/*behavior: url(iepngfix.htc); activate this at your own risk */
}

#wrapper-top-grad{
	margin: 0 0 0 8px;
	width: 793px;
	min-height: 685px;
	background: url("../images/wrapper-top-grad.jpg") repeat-x;
}

#content-container{
	width: 809px;
	height: 100%;
/*	margin-left: 6px;
*/}

#container{
	width: 709px;
	margin: 0 auto;
}

.norm-link{
  	margin: 0 !important;
  	padding: 0 !important;
  	font-size: small !important;
  	float: none !important;
}

/* LOGIN */
#cont-login{
	margin: 4px 5px 0 0;
	float: right;
}

#cont-login form{
	color: #AAA9A9;
	font-size: 90%;
}

#loginbox{
	width: 225px;
	margin: 50px auto;
}


/* TOP area */
#cont-top{
	width: 703px;
	margin: 15px 0 0 0px !important;
	float: left;
}

#cont-top, x:-moz-any-link{
  margin: 10px 0 0 0;
}

#cont-top-grad{
	width: 703px;
	height: 47px;
	margin: 0;
	position:relative;
}

#cont-top-rounded {
	width: 703px;
	height: 6px;
	position: absolute;
	left:0;
	overflow:hidden;
}

.logo{
	width: 244px;
	height: 30px;
	margin: 15px 0 0 15px;
	padding: 0 0 15px 0;
	background: url("../images/logo.png") no-repeat;
	float: left;
}

#cont-top-left{
	width: 419px;
	float: right;
}

#cont-top-left p{
	margin: 6px 8px 0 0;
	float: right;
	color: #fff;
}

#cont-top-left p a{
	color: #fff;
	text-decoration: none;
}

#cont-top-left p a:hover{
	text-decoration: underline;
}

/* nav */
#nav {
  float:right;
  width:100%;
  font-size:93%;
  margin: 0 0 0 42px;
  line-height:normal;
 }

#nav ul {
  margin:6px 0 0 0;
  padding:10px 10px 0;
  list-style:none;
  float: left;
}

#nav li {
  float:left;
  background:url("../images/nav-hover-left.png") no-repeat left top;
  margin:0 3px;
  padding:0 0 0 20px;
 }

#nav a {
  float:left;
  display:block;
  background:url("../images/nav-hover-right.png") no-repeat right top;
  padding:5px 25px 4px 6px;
  text-decoration:none;
  color:#554E51;
}

#nav a:hover {
  color:#111;
}

#nav ul li#current {
  float:left;
  background:url("../images/nav-active-left.png") top left no-repeat;
  margin:0 3px;
  padding:0 0 0 20px;
}

#nav ul li#current a {
  float:left;
  display:block;
   background:url("../images/nav-active-right.png") top right no-repeat;
  padding:5px 25px 4px 6px;
  text-decoration:none;
  color:#765;
}
/* ------END nav ------*/


#main-img{
	width: 703px;
	height: 293px;
	margin: 10px 0;
}

a#signup-btn{
	color: white;
}

#small-img{
	width: 703px;
	height: 60px;
	margin: 10px 0;
}

#badge{
	position: absolute;
	width: 84px;
	margin: -70px 0 0 645px;
}

#higher-badge{
	position: absolute;
	width: 84px;
	margin: -80px 0 0 645px;
}

/* CONTENT area */
#cont-container{
	width: 703px;
	margin: 5px 0 0 0;
}

#cont-container-left{
	float: left;
	width: 390px;
}

.cont-container-left-pop{
	float: left;
	width: 390px;
}

#cont-container-right{
	float: right;
	width: 273px;
}

.corner{
	background: url("../images/curve-corner.png") no-repeat;
	margin: 0;
	float: left;
}

.absolute-corner{
	height:123px;
	position:absolute;
	margin-top:-10px;
	background: url("../images/curve-corner.png") no-repeat;
}

#pro{
	width: 146px;
	height: 15px;
	margin: 17px 0 0 30px;
	float: left;
	background: url("../images/profile-blue.gif") no-repeat;
}

#what{
	width: 202px;
	height: 18px;
	margin: 17px 0 0 30px;
	float: left;
}

#hype{
	width: 202px;
	height: 18px;
	margin: 17px 0 0 30px;
	float: left;
}

#seconds{
	width: 197px;
	height: 15px;
	margin: 17px 0 0 30px;
	float: left;
}

#why, #why-home{
	width: 167px;
	height: 16px;
	margin: 17px 0 0 30px;
	float: left;
}

#press{
	width: 146px;
	height: 15px;
	margin: 17px 0 0 30px;
	float: left;
}

#faq{
	width: 63px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

#user{
	width: 146px;
	height: 15px;
	margin: 17px 0 0 30px;
	float: left;
}

#privacy{
	width: 161px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

#terms{
	width: 147px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

#signup, #signup-free, #signup-premium{
	width: 385px;
	height: 15px;
	margin: 17px 0 0 30px;
	float: left;
}

#payment-questions{
	width: 208px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

#freeplan-specs{
	width: 165px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

#fullplan-specs{
	width: 213px;
	height: 19px;
	margin: 17px 0 0 30px;
	float: left;
}

.next-step, .final-step, .block{
	width: 149px;
	height: 29px;
	cursor: pointer;
}

.why-heads{
	margin: -21px 0 10px 35px;
	color: #7e7e7e;
}

#footer{
	width: 793px;
	height: 45px;
	color:  #8d8d8d;
	text-align: center;
	font-size: 80%;
	/*background: url("../images/footer-curve.png") no-repeat bottom !important;*/
}
	 #footer-img {
		height:25px;
		width:808px;
		background:url(../images/footer-curve.png);
		overflow:hidden;
		position:absolute;
		/*behavior: url(iepngfix.htc)*/
	 }

#footer a{
	color:  #8d8d8d;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

h1{
	margin: 35px 0 0 0px;
	padding: 0;
	font-size: 130%;
	color: #555;
}

h2{
	margin: 25px 0 0 33px;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
}

h4{
	margin: 35px 0 0 33px;
	padding: 0;
	font-size: 105%;
}

ol{
	margin: 25px 0 20px 43px;
}

ol li{
	font-size: 95%;
	float: left;
	color: #7E7E7E;
	margin-bottom: 7px;
}

.corner p.credits{
	margin: 0 0 0 33px;
	padding-top: 0;
	font-weight: bold;
}

.corner p.indented{
	margin: -10px 0 50px 48px;
	line-height: 1.5em;
	font-size: 90%;
}

.corner p.user-quote{
	margin: 20px 0 0px 48px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
}

.corner p{
	float: left;
	margin: 5px 0 0 44px;
	padding: 0 0 20px 0;
	width: 370px;
	font-size: 95%;
	line-height: 1.5em;
	color: #7E7E7E;
}

p.grey{
	width: 370px;
	font-size: 95%;
	line-height: 1.5em;
	color: #7E7E7E;
	margin: 5px 0 0 44px;
}

p.user-credit{
	width: 355px;
	text-align: left;
	margin: 0px 0 0 45px;
	font-size: 85%;
}

.corner a.user-link{
	float: right;
	margin: 0 0 15px 0;
	font-size: 100%;
	text-decoration: none;
}

.corner a{
	text-decoration: none;
}

a.no-float{
  	float: none;
}

.corner ol li{
  	float: none;
  	clear: both;
  	line-height: 18px;
}

.corner ol{
	margin-top: 5px;
}

.corner a.para-link{
	float: none;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
}

.corner a:hover{
	text-decoration: underline;
}



/* for contact and sign in pops */
.popup_effect1 {
   background:#11455A;
   opacity: 0.2;
}

/* left-side accordion */
#vertical_container img{
	margin: 0 0 0 35px;
}

.accordion_toggle {
	display: block;
	margin: 0 0 5px 35px;
	height: 27px;
	width: 200px;
	line-height: 15px;
	color: #828282;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #828282;
	cursor: pointer;
}

.accordion_toggle_active {
	color: #333 !important;
}

.accordion_toggle h1{
	margin: 0px;
	padding: 7px 0 0px 37px;
	font-size: 100%;
}

.accordion_toggle h1:hover{
	color: #333;
}

.accordion_content {
	overflow: hidden;
	font-size: 12px;
	width: 200px;
	margin: 0px 0 10px 72px;
	color: #7E7E7E;
}

/* END left-side accordion */


/* Signup table settings */
input.sizer{
	width: 20px;
}

table{
	color: #666;
}

table.ie-width{
	width: 318px;
}

table#choose{
	width: 395px;
	margin: 0 0 0 10px;
}

table#choose th, table#choose td{
	margin: 0;
	padding: 8px 0px;
	text-align: right;
}

table#choose tr th.checks{
	text-align: center;
}

table#choose tr th a#premium{
	width: 101px;
	height: 68px;
	margin: -5px 15px 0 0;
	display: block;
}

table#choose tr th a#free{
	width: 101px;
	height: 68px;
	margin: -5px 15px 0 0;
	display: block;
}

table#choose tr td.checks{
	text-align: center;
}

.button{
	cursor: pointer;
}

#choose-premium{
	width: 101px;
	height: 29px;
	margin: 5px 0 0 22px;
	display: block;
}

#choose-free{
	width: 101px;
	height: 29px;
	margin: 5px 0 0 10px;
	display: block;
}

.right{
	text-align: right;
}


/* END table settings */

#center-form{
	width: 425px;
	margin: 10px auto 15px 25px;
}

#basic-accordian{
	width: 345px;
	background: none !important;
}

.pop-cont{
	width: 290px;
	margin: 0 auto;
}

.accordion_child{
	height: auto !important;
}

/* plan specs styles */
ul#specs{
	margin-left: 20px;
}

li.check{
	list-style-image: url("../images/check.jpg");
	margin-bottom: 10px;
	color: #666;
}

li.hyphen{
	list-style-image: url("..../images/hyphen.gif");
	color: #666;
}

.hyphen a{
	float: none;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
}

#bottom{
	margin-bottom: 340px;
}

.results{ margin: 0 0 0 25px; }
p#instruction{ margin-left: 25px;}


#helpbox {
	border: 1px solid #528ABD;
	background: #DFF0FF;
	height: 130px;
	min-height: 130px;
	padding-top: 10px;
	margin-bottom: 10px;
	position:relative;
}

#helpbox #closehelp {
	float: right;
	margin-right: 3px;
}

#helpbox .helpnav {
	float: right;
	margin-right: 10px;
}

#helpbox p#message {
	width:500px;
	margin:0 0 0 37px;
}

#helpbox div {
	margin-top:15px;
}

#helpbox div img {
	position: absolute;
	top: -20px;
}

#rednotice {
	border: 1px solid #B51D12;
	background: #FFE1DF;
	padding: 10px;
	margin-bottom: 10px;
}
