body { background-image: url(/dbnValentine2010Plugin/images/valentine2010Bg.jpg); background-position: center 50px; }

.valentine2010 { padding-bottom: 230px; }

.contentLeft { width: 292px; z-index: 30; }
.contentLeft h2 { margin: 0 0 0px; }
.contentLeft h3 { margin: 0 0 30px; }
.contentLeft h4 { margin: 15px 0 22px; font-size: 3.2em; font-weight: bold; }
.contentLeft p { padding: 0 20px 0 0; }
.contentLeft a.btn { display: block; width: 150px; height: 19px; padding: 4px 0 0 26px; margin: 10px 0 17px; background: url(/dbnValentine2010Plugin/images/btnBg.gif) no-repeat; font-size: 1.1em; font-weight:bold; color: #c78054; text-decoration: none; }

.contentLeft p.info { padding: 0 80px 0 50px; background: url(/dbnValentine2010Plugin/images/attentionIcon.gif) left 2px no-repeat; }


#valentine2010Visual { position: absolute; left: 303px; top: 505px; z-index: 35; }

#valentine2010Breaker { position: absolute; top: 145px; right: 215px; z-index: 40; }

/* Layer */
.valentineLayer { width: 675px; height: 573px; padding: 30px; background: url(/dbnValentine2010Plugin/images/valentineLayerBg.jpg) left top no-repeat; }
.valentineLayer#quittance { background: url(/dbnValentine2010Plugin/images/valentineLayerQuittanceBg.jpg) left top no-repeat; }
.valentineLayer .leftColumn { float: left; width: 265px; }
.valentineLayer#quittance .leftColumn { width: 320px; }
.valentineLayer .leftColumn h2 { margin: 0 0 5px 0; }
.valentineLayer .leftColumn p { padding: 0 30px 15px 0; }
.valentineLayer .rightColumn { float: left; width: 370px; padding: 10px 15px 15px; background: #4c2615; border: 1px solid #e6c3a1; }
.valentineLayer .rightColumn #errorLayer { position: absolute; top: 170px; left: 50px; width: 240px; padding: 30px 20px 20px; background: url(/dbnValentine2010Plugin/images/errorLayerBg.gif) top left repeat-x #462314; border: 1px solid #e6c3a1; overflow: hidden; }
.valentineLayer .rightColumn #errorLayer a#closeErrorLayer { display: block; position: absolute!important; top: 0px; right: 3px; width: 66px; height: 20px; padding: 3px 0 0 5px; background: url(/images/machine/detailedViewCloseLink.gif) left top no-repeat; font-size: 1.0em; color: #E6C3A1; text-decoration: underline; z-index: 2001; }

/* form step1 */
form { position: relative; }
form fieldset { position: relative; overflow: hidden; }
form fieldset ul.form_list_step1 { display: block; width: 100%; list-style-type: none; }
form fieldset ul.form_list_step1 li { display: block; padding: 6px 0; overflow: hidden; border-bottom: 1px solid #391c10; }
form fieldset ul.form_list_step1 li.question5 { border: none; }
form fieldset ul.form_list_step1 li label { display: block; font-size: 1.2em; line-height: 16px; font-weight: bold; color: #fff; }

form fieldset ul.form_list_step1 ul.radio_list { padding: 12px 0; width: 100%; overflow: hidden; }
form fieldset ul.form_list_step1 ul.radio_list li { float: left; height: 20px; padding: 0; border: none; overflow: hidden; }
form fieldset ul.form_list_step1 ul.radio_list li label { float: left; padding: 0 10px 0 5px; font-weight: normal; }
form fieldset ul.form_list_step1 ul.radio_list li input { float: left; border: none; }

form fieldset ul.form_list_step1 li.question4 > ul.radio_list li { width: auto; }
form fieldset ul.form_list_step1 li.question5 > ul.radio_list li { width: auto; }

form fieldset button { float:right; }

/* form step2 */
form fieldset { position: relative; overflow: hidden; }
form fieldset ul.form_list_step2 { display: block; width: 100%; padding: 0 0 10px; list-style-type: none; border-bottom: 1px solid #391c10; }
form fieldset ul.form_list_step2 li { display: block; width: 100%; padding: 3px 0; overflow: hidden; }
form fieldset ul.form_list_step2 li.question5 { border: none; }
form fieldset ul.form_list_step2 li label { float: left; width: 90px; display: block; font-size: 1.2em; line-height: 16px; font-weight: bold; color: #fff; }
form fieldset ul.form_list_step2 li input { float: left; width: 265px; }

form fieldset ul.form_list_step2 li label.error { color: #FF0000 !important; }
form fieldset ul.form_list_step2 li input.error { border: 1px solid #FF0000; }

form fieldset ul.form_list_step2 li .columnGroup { width: 269px; overflow: hidden; float: left; }

form fieldset ul.form_list_step2 li input.zipcode { float:left; display: inline; width: 51px; margin-right: 10px; }
form fieldset ul.form_list_step2 li input.city { float:left; display: inline; width: 200px; }

form fieldset ul.form_list_step2 li.checkboxes label { width: 265px; font-size: 1.1em; font-weight: normal; }
form fieldset ul.form_list_step2 li.checkboxes input { float:left; width: 20px; margin-right: 70px; border: none; }

form fieldset ul.form_list_step2 li.captchaGroup label { clear: left; width: auto; font-size: 1.1em; font-weight: normal; }
form fieldset ul.form_list_step2 li.captchaGroup div { clear: left; margin: 0 0 0 90px; }
form fieldset ul.form_list_step2 li.captchaGroup img { float: left; display: inline; width: 150px; height: 45px; margin: 0 10px 0 0; }
form fieldset ul.form_list_step2 li.captchaGroup input { float: left; display: inline; width: 105px; }
form fieldset ul.form_list_step2 li.captchaGroup a { clear: left; display: block; margin: 0 0 0 90px; }

form fieldset ul.form_list_step2 ul.radio_list { float: left; height: 20px; overflow: hidden; padding: 0; margin: 0; }
form fieldset ul.form_list_step2 ul.radio_list li { float: left; width: auto; padding: 2px 0 3px; }
form fieldset ul.form_list_step2 ul.radio_list li label { float: left; display: inline; width: 40px; padding: 0 10px 0 5px; font-weight: normal; }
form fieldset ul.form_list_step2 ul.radio_list li input { float: left; display: inline; width: auto; border: none; }

form fieldset p.terms { padding: 10px 0; margin: 0; font-size: 1.1em; line-height: 13px; }