/* CSS Document */

html,body {
  margin:0;
  padding:0;
  color:#666666;
  background-color:#d00909;
  font-family: Arial, "Trebuchet MS", Verdana;
  font-size: 70%;
  background-repeat:repeat-x;
  background-position:top;
  height:100%; /* needed for container min-height */
}

p {
  margin:0px;
  font:Arial, Helvetica, sans-serif;
  font-size:12px; 
}

div#footer {
 
  border:0px solid #ffffff;
  margin-top:40px; 
  width: 100%;
  height:50px;
  text-align:center;
  font-size:11px;
  background-color:#FFFFFF;
}

div#footer A:link {text-decoration:none;color:#000000;}
div#footer A:visited {text-decoration:none;color:#000000;}
div#footer A:active {text-decoration:none;color:#000000;}
div#footer A:hover {text-decoration: underline; color:#000000;} 


h1 {
 margin-top:0px;
 font-size:22px;
 color:#CF0908;
 font: Geneva, Arial, Helvetica, sans-serif;
 border:0px solid #000000; 
}

ul {
 font-size:12px;
}

.image-link {
 font-size: 10px;
}



/*  */
div#container {
  position:relative;
  margin:auto; 
  width:1023px; 
  border:0px solid #ffffff; 
  background-color:#ffffff;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */ 
}

.banner {
  border:0px solid #000000;
  width: 1023px;
  background-image: url("images/banner.gif");
  height: 116px;
}

div#menu {    
  border:0px solid #000000;
  width:1023px;
  height:59px;
}

.menu-text {
  font-size:13px;
  color:#FFFFFF;
  text-align:center;
  font-weight:600;
  vertical-align:middle;
  border:0px solid #000000;

}

.menu-text A:link {text-decoration:none;color:#FFFFFF;}
.menu-text A:visited {text-decoration:none;color:#FFFFFF;}
.menu-text A:active {text-decoration:none;color:#FFFFFF;}
.menu-text A:hover {text-decoration: none; color:#000000;} 



div#content {
  position:absolute;
  margin-top:30px;
  border:0px solid #000000;
  width: 1023px;
  background-color:#FFFFFF;
}

.hero {  
  float:left;
  border:0px solid #000000;
  width:400px;
  height: 300px; 
  margin-left:40px;
  text-align:center;
}

.copy { 
  border:0px solid #000000;  
  width:475px;
  margin-left:475px;
  height:auto;
  margin-top:0px;
  padding-right:20px;
  }

.privacy-policy {
  float:left;
  border:0px solid #000000;  
  width:900px;
  height:auto;
  margin-top:0px;
  padding-left:20px;
  }

.hero_graph {  
  float:left;
  border:0px solid #000000;
  width:400px;
  height: 250px;
  background-image: url("images/graph.gif");
  margin-left:40px;
}

.hero-text {   
  width:400px; 
  text-align:center;
  font-size: 19px;
  margin-top:6px;
    
}

.selling-style-text {  
  position:relative;
  border:0px solid #000000;
  width:400px;
  height: 227px;
  margin-top:450px;
  margin-left:40px;
  text-align:center;
  font-size: 19px;
    
}

.hero_graphtext {    
  border:0px solid #000000;
  width:400px;
  height: 70px;
  margin-top:320px;
  margin-left:40px;
  text-align:center;
  font-size: 19px;    
}

.formbg {  
  
  float:left;
  border:0px solid #000000;
  width:439px;
  height: 450px;
  background-image: url("images/form_bg.gif");
  margin-left:15px;
}

.formbg2 {  
  
  float:left;
  border:0px solid #000000;
  width:439px;
  height: 359px;
  background-image: url("images/offer_form.gif");
  margin-left:15px;
}



div.form {
margin-left: 15px;
margin-top: 90px;
font-size:15px;
border:0px solid #000000;
}

div.form p{
text-align:left;
font-size:12px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

}

.cssform label{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
float: left;
 /*width of left column*/
/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.bordered {
border-top: 1px dashed gray;

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* CSS Document */

.traitsbox {
  border:0px solid #000000;
  float:right;
  width:446px;
  height:112px;
  background-image: url("images/traitsbox2.gif");  
}

.traitsbox p { 
  font-size: 13px;
  font-weight:600;
  width:340px;
  color:#333333;
  margin-top:35px;
  margin-left:105px;
  line-height:19px;
  text-align:left;
}




.infobox {
  border:0px solid #000000;
  float:right;
  width:446px;
  height:112px;
  background-image: url("images/info2.gif");  
}

.infobox p { 
  font-size: 13px;
  font-weight:600;
  width:340px;
  color:#333333;
  margin-top:35px;
  margin-left:105px;
  line-height:19px;
  text-align:left;
}



.turnoverbox {
  border:0px solid #000000;
  float:right;
  width:446px;
  height:112px;
  background-image: url("images/lessturnover2.gif");  
}

.turnoverbox p { 
  font-size: 13px;
  font-weight:600;
  width:340px;
  color:#333333;
  margin-top:35px;
  margin-left:105px;
  line-height:19px;
  text-align:left;
}

.options {
  position:relative;
  border:1px solid #000000;
  float:right;
  width:446px;
  height:500px;
  margin-top:-469px;
  margin-right:100px;
}