html {
margin:0;
padding:0;
}

body {
font-family: arial,helvetica,sans-serif; 
margin:0;
border:0;
background:#900 url(../images/backgrounds/bg_site_xmas.jpg) repeat-x top left;
text-align:center;
}

.clear {
clear:both
}

ul, li {
margin:0;
padding:0;
}

img {
border:0
}

/*** Homepage styles ***/

#intro {
width:350px;
position:absolute;
top:140px;
}

#intro h1 {
font-size:5em;
font-weight:normal;
line-height:0.95em;
margin:10px 0;
}

#intro div {
font-size:1.5em;
margin:20px 0;
width:290px;
}

#homepeople {
float:left;
position:relative;
top:10px;
left:40px;
height:364px;
width:315px;
background: transparent url(../images/people/homepeoplebg.png) no-repeat 0 0;
}

#firstquestions {
width:400px;
margin:20px 150px 0 0;
float:right;
font-size:1.5em;
}

#firstquestions p {
margin:5px 0;
clear:both;
}

#firstquestions label {
width:190px;
height:45px;
float:left;
text-align:right;
color:#fff;
padding-right:10px;
}

#firstquestions select {
background: transparent url(../images/backgrounds/bg_select.png) no-repeat;
border:0;
height:47px;
width:196px;
padding:9px 10px;
font-size:0.9em;
position:relative;
top:-13px;
}

#firstquestions option {
background-color: #fff;
}

#firstquestions input {
margin-left:200px
}

.feedburnerFeedBlock {
    color:#fff;
    font-size:0.8em;
    width:330px;
    float:right;
    margin:67px 160px 0 0;
}

.feedTitle {
    font-size:1.2em;
    font-weight:bold;    
}

.feedTitle a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

.feedburnerFeedBlock ul {
    list-style-type: none;
}

.feedburnerFeedBlock li {
    margin-bottom:10px;
}

.headline a {
    color:#fff
}

/*** About Us ***/

.about-us, .about-who {
    color:#fff;
    margin:30px 0 0 0;
    width:380px;
    font-size:0.9em;
    line-height:1.5em;
    float:left;
}

.about-who {
    margin-left:100px
}

.about-who a {
    color:#ddd;
}

/*** Suggest a gift ***/

.suggest {
    width:445px;
}

.suggest h3 {
    margin:30px 0;
}

.suggest label {
    width:125px;
    display:inline-block;
    margin:8px 0;
}

.suggest input {
    width:315px;
}

.suggest textarea {
    width:445px;
    height:100px;
    margin-bottom:30px;
}

.suggest p {
    margin:2px 0 30px;
    font-size:0.8em;
    line-height:1.4em;
}

/*** Structure styles ***/

.wrapper {
width:940px;
margin: 0 auto;
background:transparent url(../images/backgrounds/xmas_header.jpg) no-repeat top right;
text-align:left;
padding-left:40px;
}

.header {
height:140px;
}

/*** Header styles ***/

.logo {
margin:30px 0;
float:left;
}

.header p {
font:1.7em georgia, times, "times new roman", serif;
color:#fff;
width:500px;
float:right;
text-align:right;
margin:60px 90px 0 0;
}

.header img {
margin-top:23px;
float:left;
}

/*** stage 2 ***/



.stages {
height:35px;
padding:10px 0 0 290px;
}

.stages p {
font-size:0.65em;
float:left;
margin:0 70px 0 0;
font-weight:bold;
width:110px;
}

.stages p.active {
color:#fc0;
}

.people {
float:left;
margin-left:-10px;
position:relative;
top:-25px;
height:270px;
}

.people img {
position:absolute;
top:0;
z-index:1;
}

.questions {
width:580px;
background: transparent url(../images/backgrounds/bg_questions.png) no-repeat 0 0;
margin:0 0 100px 270px;
height:270px;
}

.questions_bg {
background: transparent url(../images/backgrounds/bg_questions_bottom.png) no-repeat bottom left;
margin:0 30px 0 50px;
width:500px;
height:260px;
}

#question_area {
    padding:55px 0;
    height:120px;
    font-size:1.3em;
}

#question {
    margin-bottom:20px;
    font-size:1.2em;
}

.question-no {
    text-align:right;
    font-size:0.8em;
}

.morequestions {
margin:10px 0;
cursor:pointer;
color:#333;
background: url(../images/buttons/radio.png) no-repeat 0 5px;
padding-left:25px;
}

.questions h1, .result h1, .result h3 {
font:bold 1.9em georgia, times, "times new roman", serif;
margin-top:0;
color:#c00;
letter-spacing:-0.04em;
}

.questions p {
font-size:0.8em;
color:#c00;
}

.question {
min-width:200px;
float:left;
}

.question select {
border:1px solid #ccc;
font-size:0.9em;
}


/*** result styles ***/

.result_outter{
margin-left:25px;
}

.result {
width:810px;
background: #fff url(../images/backgrounds/bg_result_top.png) no-repeat 0 0;
margin-top:-5px;
padding-top:5px;
}

/** .result div {
float:left;
width:575px;
} **/

.result-content {
float:left;
width:585px;
}

.result h1 {
margin:0px
}

.result h1 a {
color:#c00;
font-size:0.6em;
}

.result a img {
margin:10px 0 15px;
float:left;
}

h2 {
color:#333;
font-size:1.0em;
}

.result div div.hero {
width:280px;
overflow-y:hidden;
float:left;
height:320px;
margin-right:15px;
margin-left:10px;
text-align:center;
}

.result div div.hero img {
width:280px;
}

.result div div.description {
float:left;
width:270px;
margin-left:10px;
}

.description a {
text-decoration:none;
color:#222;
}

.result p {
font-size:0.7em
}

.result ul {
font-size:0.7em;
margin-left:15px;
}

.result div.buttons {
width:170px;
float:left;
margin-left:25px;
}

.affiliate_logo {
position:relative;
top:10px;
left:10px;
min-height:20px;
}

.result a .affiliate_logo img {
margin:0
}

.buttons div {
width:160px;
background:#ffc url(../images/backgrounds/bg_yousaid.jpg) repeat-x top left;
padding:10px;
font:bold 0.9em georgia, times, "times new roman", serif;
clear:both;
}

.buttons div p {
font:normal 0.75em "comic sans ms",cursive;
margin:7px 0;
}

.buttons div span {
color:#900
}

.buttons a {
color:#900;
}

.buttons img {
margin:25px 0;
}

.email_form {
    font-size:0.7em;
/*    display:none;*/
}
#email_form_appear{
    cursor:pointer;
    background-color:#e6e6e6;
    padding:5px 8px;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:underline;
}

.email_form h4 {
    margin:0 0 10px 0;
    background-color:#e6e6e6;
    padding:5px 8px;
    font-size:1.1em;
    font-weight:bold;
}

.email_form div {
    float:left;
    width:130px;
}

.email_form input {
    margin:5px 0 15px;
    width:130px;
}

.suggested {
float:left;
width:800px;
}

.suggested h3 {
font-size: 1.2em;
margin-left:20px;
color:#c00;
}

.suggested a h2 {
font-size: 0.8em;
height:40px;
}

.suggested a {
    width:150px;
    float:left;
    text-align:center;
    margin:0 20px;
text-decoration:none;
}

.alt_image {
    height:150px;
}

.alt_image img {
    width:150px;
    max-height:150px;
    margin:0 0 10px 0;
}

.alt-price {
    float:left;
    margin:12px 20px;
    color:#c00;
}

#result_content
{
display:none;
width:585px;
}

#footer {
color:#ddd;
font-size:0.7em;
margin:30px 0 30px 25px;
}

#footer a {
color:#ddd;
}
