/* CSS Document */

/* ----------------- basic elements ----------------- */

.step{font: bold 120% arial; color: #ff7800; margin-bottom: 20px; width: 2000px; text-align: left;}
.price{font: bold 100% arial; color: #ff7800; margin-bottom: 20px; width: 200px; text-align: left;}
.sub-box form{font: bold 80% arial; color: #ff7800; margin-bottom: 20px;}




/* ----------------- Forms ------------------- */

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* ----------------- Divs ------------------- */


#top{
position: absolute;
top: 8px;
left: 70px;
width: 930px;
height: 141px;
border-top: 2px #666666 solid;
border-bottom: 1px #666666 solid;
}

#header{
position: absolute;
top: 10px;
left: 30px;
width: 1000px;
height: 75px;
}

#menu{
position: absolute;
top: 0px;
left: 100px;
width: 900px;
height: 75px;
padding-top: 7px;
	}

#story-column{
position: absolute;
top: 195px;
left: 10px;
width: 650px;
padding-right: 10px;
border-right: 1px #c6c3c6 solid;
}

#form-column{
position: absolute;
top: 140px;
left: 30px;
height:470px;
width: 300px;
background-repeat: repeat-y;
color: #000000;
}

#bottom-left-column{
position: absolute;
top: 650px;
left: 30px;
width: 900px;
background-color: #FFFFFF;
border-bottom: 1px #c6c3c6 solid;
border-top: 1px #c6c3c6 solid;
}

#success_bottom-left-column{
position: absolute;
top: 600px;
left: 30px;
width: 900px;
background-color: #FFFFFF;
border-bottom: 1px #c6c3c6 solid;
border-top: 1px #c6c3c6 solid;
}

#scale-column{
position: absolute;
top: 165px;
left: 330px;
height:530px;
width:650px;
}

.one-spd-column{
float: left;
width: 60px;
padding: 5px;
z-index:1;
vertical-align: bottom;

}

.two-spd-column a:hover {background-color:#b2eaff;}
.three-spd-column a:hover {background-color:#b2eaff;}
.four-spd-column a:hover {background-color:#b2eaff;}
.five-spd-column a:hover {background-color:#b2eaff;}
.one-spd-column a:hover {background-color:#b2eaff;}


.two-spd-column{
float: left;
width: 80px;
padding: 5px;
}

.three-spd-column{
float: left;
width: 100px;
padding: 5px;
}

.four-spd-column{
float: left;
width: 130px;
padding: 5px;
}

.five-spd-column{
float: left;
width: 168px;
padding: 5px;
}

.sub-box{
border: 0px #000;
margin-left: 5px;
margin-top: 25px;
}


/*-----------------  Classes ----------------- */

p.calltoaction{
	font: normal bold 150% arial;
	color: #000;
	line-height: 32px;
}

p{
	font: normal 80% arial;
	color: #636363;
}

.clear-right{
clear: right;
}

.required{
text-align: right;
font: normal bold 90% arial;
color: #444444;
}


.headline-feature{
font: normal bold 140% arial;
margin-bottom: 3px;
color: #46B966;
}

.headline{
font: normal bold 120% arial;
margin-bottom: 3px;
}

.byline{
font: normal bold 90% arial;
}

.menu{
float: left;
padding-left: 3px;
font: normal bold 70% georgia;
}

.catalog-link{
float: right;
padding-right: 3px;
font: normal bold 70% georgia;
}

.body{
font-size: 90%;
color: #444444;
}

.story-blurb{
margin-top:0px;
margin-bottom: 3px;
border-bottom: 1px #c6c3c6 solid;
padding-top: 8px;
padding-bottom: 5px;
font: normal normal 70% georgia;
color: #000;
clear: both; 
}

.toc-blurb
{
	height: 50px;
	margin-top: 0px;
	margin-bottom: 3px;
	border-bottom: 1px #c6c3c6 solid;
	padding-top: 8px;
	padding-bottom: 5px;
	font: normal normal 70% georgia;
	color: #000;
	clear: both;
}

.toc-feature{
height: 50px;
margin-top:0px;
margin-bottom: 3px;
border-bottom: 1px #c6c3c6 solid;
padding-top: 8px;
padding-bottom: 5px;
font: normal normal 70% georgia;
color: #000;
clear: both;
background-color: #FFF0A5;
}

.story{
margin-top:0px;
margin-left: 15px;
margin-right: 15px;
border-bottom: 1px #c6c3c6 solid;
padding-top: 8px;
padding-bottom: 5px;
font: normal normal 90% georgia;
color: #000;
line-height: 18px;
}

.sidebar{
margin-top:0px;
border-bottom: 1px #c6c3c6 solid;
padding-top: 15px;
padding-bottom: 5px;
font: normal normal 85% georgia;
color: #000;
}

.subscription-form{
margin-top:0px;
margin-left: 15px;
margin-right: 15px;
border-bottom: 1px #c6c3c6 solid;
padding-top: 8px;
padding-bottom: 5px;
font: normal normal 90% georgia;
background-color: #000;
line-height: 18px;
}

.img {
margin-bottom: 10px;
}

.imgright {
float: right;
margin: 0px 0px 5px 5px;
}

.imgleft {
float: left;
margin:0px 15px 15px 0px;
}

.img-ad {
float: left;
margin:0px 15px 15px 15px;
border: 2px;
border-color: #000;
padding: 3px;
}

}
.content{
    padding:10px;
    width:280px;
}
.left{
    width:100px;
    float:left;
    padding:7px 0px 0px 7px;
    min-height:24px;
}
.right{
    width:100px;
    float:left;
    padding:5px;
    min-height:24px;
}
.clear{
    float:none;
    clear:both;
    height:0px;
}
.row{
    background-color:none;
    display:block;
    min-height:32px;
}
.text{
    width:150px;
}
.ruler{
    width:600px; border-bottom:dashed 1px #b2eaff;
}
tr:focus{
    background-color:#b2eaff;
}
td{
    vertical-align:top;
}
.over{
    background-color:#b2eaff;
}
.out{
    background-color:none;
}