@charset "UTF-8";
/* CSS Document */
/*RESET*/
html, body, div, span,  object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,  big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, 
dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
a {
	text-decoration:none;
	color:black;
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6{
margin-bottom: 0px;
padding-bottom: 0px;
}

/*MAIN STYLE*/

html {
  background-image: url(../images/background.jpg);
  background-repeat:repeat-x;

}

#container {

  background-image: url(../images/main-bg.jpg);
  background-repeat: no-repeat;
  height:963px;
  width: 1100px;
  position:relative;
  margin: 0em auto;

}

#lines {
   background-image: url(../images/lines.png);
   background-repeat:no-repeat;
   width:1100px;
   height:799px;

}


#header {
  position:relative;
  margin: 0em auto;
  display:inline;
  float:left;


}

#header img {
        margin-top:23px;
        margin-left:181px;
        float:left;
        display:inline;
}

#main {
  background-image: url(../images/tv.png);
  background-repeat:no-repeat;
  height:495px;
  width:626px;
  margin-left:160px;
  float:left;
  display:inline;
  margin-top:-100px;

}

.form {
  width:384px;
  height:251px;
  position:absolute;
  top:250px;
  margin-left:100px;

}
.form h1{
  font-family: Arial;
  font-size:18px;
  font-weight:bold;
  text-align: center;
  margin-top:30px;

}

.form ul {
  width:300px;
  margin-left:37px;
  margin-top:15px;
  float:left;
  padding: 0px;
  height:170px;
  display: inline;
}

.form li a {
 font-family:Arial;
 font-size:14px;
 color:#33393e;
 margin-left:20px;
 display:inline;
 vertical-align:12px;

}

.form li {

   padding: 0px;
  margin:0px;
  margin-top:10px;
  display:block;

}


.form li:hover {
  background-image: url(../images/hover.jpg);
  background-repeat:no-repeat;
  width:100%;
}

.form a:hover {
  color:white;
  background-color:#d5de21;
}


.form img {
   display:inline;
}


#footer {
  float:left;
  display:inline;
  width:1000px;
}

#footer h5 {
color:#b1b1b1;
font-family:Arial;
font-size:11px;
font-weight: normal;
width:544px;
margin-left:118px;
margin-top:35px;
line-height: 10pt;

}

.char1 {
  float: right;
  margin:0px;
  position: absolute;
  right:140px;
  bottom:165px;
}

.char2 {

  float: right;
  margin:0px;
  position: absolute;
  right:280px;
  bottom:195px;
}

.char3 {
   float: right;
  margin:0px;
  position: absolute;
  right:100px;
  bottom:180px;

}


#signup {
  height:454px;
  width:458px;
  margin:0px;
  margin-left:195px;
  float:left;
  display:inline;
  padding:0px;
  margin-top:-30px;
}

#signup img {

   margin:0px;
   margin-bottom:0px;
   margin-top:0px;
   float:left;
}

#form2 {
  background-image: url(../images/signup-bg.jpg);
  background-repeat:repeat-y;
  height:394px;
  width:458px;
  margin-left:0px;
  margin-top:0px;
  float:left;
  display:inline;
}


dl {
	width: 516px;
	height: 15px;
	margin-top: 0px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
}

dt {
	float:left;
	width: 0px;
	padding: 0px 00px 00px 0;
	text-align: left;

}

dd {
	width: 400px;
	padding-left: 0px;
	height: 30px;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
	margin-bottom:0;
	float: left;
    display:inline;
}

#form-area {
	width: 400px;
    height:100%;
	text-align: left;
    margin-left:35px;
    margin-top:20px;
    overflow:hidden;
}

.textfield {
	background-image: url(http://quizwhiz.org/offers/5/images/form-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width: 171px;
	border: 1px solid #BCBCBC;
}

.textfield2 {
	background-image: url(http://quizwhiz.org/offers/5/images/form-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width:60px;
	border: 1px solid #BCBCBC;
	margin-right:15px;
}

.textfield3 {
	background-image: url(http://quizwhiz.org/offers/5/form-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width:50.75px;
	border: 1px solid #BCBCBC;
}

table {
  	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
    float:left;


}

.continue {
  background-image: url(../images/submit.png);
  background-repeat:no-repeat;
 border: none;
 padding: 4px 4px 4px 4px;
 width:112px;
 height:37px;
 background-color:white;
 float:right;
 margin-right:30px;
 cursor: pointer;
}



#steps {
  margin-left:164px;
  float:left;
  display:inline;
  margin-top:-28px;
  width:568px;

}



#form3 {
  height:100%;
  overflow:none;
  width:550px;
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  margin: 0em auto;
  float:left;
  background-color:white;
  padding-top:10px;
}

#steps img {

   margin:0px;
   margin-bottom:0px;
   margin-top:0px;
   float:left;
}

#form3 h1 {
  margin-left:17px;
}

#steps-try
{
  width:586px;
  height: 52px;
  background-image: url(../images/steps-try.png);
  background-repeat:no-repeat;
  position:relative;
  margin-left:-19px;
  margin-top:15px;
  margin-bottom:5px;
  padding-top:10px;
}

#steps-try span {
  color:white;
  font-family:Verdana;
  font-weight:bold;
  font-size:13px;
  float: none;
  margin-left:70px;
  display: block
}

#steps-content {
  height:314px;

}
#steps-content li {
	list-style-type: none;
	padding-bottom: 3px;
	margin-bottom: 3px;
    margin-left:40px;
    float:left;
    display:inline;
    width:450px;

}

.image {
	padding-left: 3px;
	border: 0;
    float:left;
    display:block;
}

#steps-content h3 {
     font-family:Arial;
     font-size:14px;
     font-weight:normal;
     color:#565656;
     vertical-align:middle;
     padding-top:16px;
}


.step {
  font-family: Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#f4832e;
  	padding-left: 8px;
	padding-right: 8px;

}

#steps-content li:hover, a:hover {
  background-color:#edf3f7;
  width:450px;
  cursor: pointer;
}


.done {
  background-image: url(../images/done.jpg);
  background-repeat:no-repeat;
 border: none;
 padding: 1px 1px 1px 1px;
 width:90px;
 height:19px;
 float:right;
 margin-right:30px;
 cursor: pointer;
background-color:White;
}