/* ***************************************** // WebTank Stylesheet File // Title: style.css // Media: all // File updated: 2009-11-06 14:01:27 // // Do NOT manually edit this generated file // **************************************** */ A { color: #21afdd; text-decoration: none; } A:link { text-decoration: none; } A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: underline; } img, p, a { border: none; margin: 0px; padding: 0px; list-style: none; outline: none; } input { margin: 0px; padding: 0px; border-style: none; font-size: 14px; } textarea { margin: 0px; padding: 0px; border: none; font-size: 15px; font-family: arial; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: arial; font-size: 19px; line-height: 26px; letter-spacing: 0.2px; color: #604a46; background: #F9F5F2; } #main { position: relative; margin: 0 auto 0; width: 780px; height: auto;} #header { position: relative; width: auto; height: auto; } #content { position: relative; margin-top: 30px; width: auto; height: auto; } #bottom { position: relative; margin-top: 50px; margin-bottom: 30px; height: 40px; border-bottom: 10px solid #604A46; } #bottom ul { margin: 0px; padding: 0px; list-style: none; outline: none; } #bottom .footer { position: absolute; top: 10px; left: 0px; font-size: 11px; line-height: 17px; } #bottom .footer li { display: inline; margin-right: 5px; } #bottom .rdesign_logo { position: absolute; top: -1px; right: -3px; } /* CHECKBUDGET STEP 1 */ #check_budget_step_1 { width: 780px; height: auto; } #check_budget_step_1 .title { margin-bottom: 5px; } #check_budget_step_1 .text { line-height: 28px; } #check_budget_step_1 .form { position: relative; z-index: 100; margin-top: 20px; width: 780px; height: 70px; background: url('../editorial/id=320.jpg'); background-position: top left; background-repeat: no-repeat; font-size: 3px; line-height: 3px; } #check_budget_step_1 .form .budget { position: absolute; top: 27px; left: 125px; width: 145px; } #check_budget_step_1 .form .budget input { width: 145px; } /* #check_budget_step_1 .form .product_list { position: absolute; top: 22px; left: 365px; width: 190px; height: 28px; background: url('../editorial/id=379.png'); background-position: top left; background-repeat: no-repeat; } */ #check_budget_step_1 .form .product_list { position: absolute; top: 22px; left: 365px; width: 200px; height: auto; } #check_budget_step_1 .form .product_list select { position: absolute; top: 5px; left: 5px; width: 180px; } /* #check_budget_step_1 .form .product_list .select a { font-size: 12px; color: #604a46; line-height: 12px; } #check_budget_step_1 .form #products { position: absolute; top: -345px; left: 365px; width: 175px; height: auto; } #check_budget_step_1 .form #products .top { width: 190px; height: 10px; } #check_budget_step_1 .form #products .middle { width: 190px; height: auto; background-color: #FFFFFF; } #check_budget_step_1 .form #products .middle .items { width: 190px; height: auto; padding: 0px 25px 0px 10px; overflow-x: hidden; overflow-y: auto; } #check_budget_step_1 .form #products .middle .items .item { width: 155px; height: 20px; margin-bottom: 5px; } #check_budget_step_1 .form #products .middle .items .item a { width: 155px; height: ; padding: 5px 0px 3px 15px; margin-top: 5px; display: block; font-size: 12px; line-height: 15px; color: #664A46; letter-spacing: 0.1em; } #check_budget_step_1 .form #products .middle .items .item a:hover { width: 155px; height: ; padding: 5px 0px 3px 15px; display: block; background-color: #664A46; font-size: 12px; line-height: 15px; color: #f0e6df; letter-spacing: 0.1em; text-decoration: none; } #check_budget_step_1 .form #products .bottom { width: 190px; height: 10px; } */ #check_budget_step_1 .form .submit { position: absolute; top: 13px; left: 560px; } #check_budget_step_1 .form input.error { color: #cb3b1f; font-weight: bold; } #check_budget_step_1 .info { position: relative; z-index: 50; width: 780px; height: 40px; padding-bottom: 4px; border-bottom: 10px solid #604A46; font-size: 11px; line-height: 17px; margin-top: 15px; } #check_budget_step_1 .info .tell_a_friend { position: absolute; top: 34px; right: 15px; } #check_budget_step_1 .info .text { line-height: 17px; } #check_budget_step_1 .products { position: relative; margin-top: 25px; width: 780px; height: auto; } #check_budget_step_1 .products .title { width: 780px; } #check_budget_step_1 .products .list { width: 780px; margin-top: 20px; } #check_budget_step_1 .product { float: left; margin-bottom: 20px; } #check_budget_step_1 .product a { color: #604a46; } #check_budget_step_1 .product .image img { border-bottom: 1px solid #604A46; padding-bottom: 10px; } #check_budget_step_1 .product .product_title { font-size: 11px; } #check_budget_step_1 .extra { position: relative; width: 760px; height: 86px; background: url('../editorial/id=341.jpg') repeat-x; clear: both; color: #FFF; font-size: 14px; margin-top: 25px; padding-top: 5px; padding-left: 10px; padding-right: 10px; line-height: 24px; letter-spacing: 0.025em; } /* CHECKBUDGET STEP 2 */ #check_budget_step_2 { width: 780px height: auto; } #check_budget_step_2 .title { margin-bottom: 5px; } #check_budget_step_2 .text { width: 625px; line-height: 28px; margin: 20px 0 25px 0; } #check_budget_step_2 .image { position: absolute; top: 30px; right: 50px; } #check_budget_step_2 .form { margin-top: 20px; width: 780px; height: 105px; background: url('../editorial/id=348.jpg'); position: relative; font-size: 3px; line-height: 3px; } #check_budget_step_2 .form .name { position: absolute; top: 55px; left: 28px; } #check_budget_step_2 .form .name input { width: 205px; } #check_budget_step_2 .form .e-mail { position: absolute; top: 55px; left: 267px; } #check_budget_step_2 .form .e-mail input { width: 203px; } #check_budget_step_2 .form .phonenumber { position: absolute; top: 55px; left: 503px; } #check_budget_step_2 .form .phonenumber input { width: 132px; } #check_budget_step_2 .form .submit { position: absolute; top: 52px; right: 13px; width: 115px; height: 30px; background: url('../editorial/id=347.gif'); } #check_budget_step_2 .form input.error { color: #cb3b1f; font-weight: bold; } /* CHECKBUDGET STEP 3 */ #check_budget_step_3 { height: 260px; width: 780px; border-bottom: 1px solid #867571; position: relative; } #check_budget_step_3 .title { margin-bottom: 5px; } #check_budget_step_3 .text { margin-top: 20px; } #check_budget_step_3 .image { position: absolute; bottom: 70px; right: 25px; } /* CHECK FAILED */ #checkbudget_failed { width: 780px; height: auto; padding-bottom: 30px; border-bottom: 1px solid #867571; } #checkbudget_failed .title { margin-bottom: 5px; } #checkbudget_failed .text { width: 625px; line-height: 28px; margin-top: 20px; } #checkbudget_failed .image { position: absolute; bottom: 60px; right: 35px; } /* TEXT AND IMAGES */ #text_images { padding-bottom: 30px; width: 780px; } #text_images .title { } #text_images .text { margin-top: 20px; width: 600px; } /* CONTACT */ #contact { position: relative; } #contact .title { } #contact .text { width: 500px; margin-top: 20px; } #contact .image { position: absolute; top: 35px; right: 30px; } #contact_form { position: relative; width: 780px; height: 249px; background: url('../editorial/id=349.jpg'); margin: 50px 0 30px 0; font-size: 3px; line-height: 3px; } #contact_form .name { position: absolute; top: 53px; left: 26px; } #contact_form .name input { width: 206px; } #contact_form .e-mail { position: absolute; top: 53px; left: 264px; } #contact_form .e-mail input { width: 206px; } #contact_form .phone_number { position: absolute; top: 53px; left: 501px; } #contact_form .phone_number input { width: 133px; } #contact_form .message { position: absolute; top: 126px; left: 26px; } #contact_form textarea { width: 605px; height: 100px; } #contact_form .submit { position: absolute; top: 205px; left: 650px; width: 115px; height: 30px; background: url('../editorial/id=347.gif'); } #contact_form_result { position: relative; } #contact_form_result .title { } #contact_form_result .text { margin-top: 20px; } #contact_form input { border-style: 1px solid #FFFFFF; background-color: transparent; } #contact_form input.error { color: #cb3b1f; font-weight: bold; } #contact_form textarear { border-style: 1px solid #FFFFFF; background-color: transparent; } /* PRODUCT_LIST */ #product_list { position: relative; } #product_list .title { float: left; width: 780px; height: auto; } #product_list .products { float: left; width: 780px; height: auto; margin-top: 20px; font-size: 14px; line-height: 24px; } #product_list .products .product { float: left; margin-bottom: 5px; width: auto; height: auto; } #product_list .products .product .title { float: left; width: 300px; height: auto; } #product_list .products .product .explanation { float: left; width: 450px; height: auto; margin-left: 5px; } /* TELL A FRIEND */ #tell_a_friend { position: relative; } #tell_a_friend .title { } #tell_a_friend .text { width: 620px; margin-top: 20px; } #tell_a_friend .image { position: absolute; top: 35px; right: 30px; } #tell_a_friend_form { position: relative; width: 780px; height: 233px; background: url('../editorial/id=350.jpg'); margin: 50px 0 30px -5px; font-size: 3px; line-height: 3px; } #tell_a_friend_form .name { position: absolute; top: 53px; left: 26px; } #tell_a_friend_form .name input { width: 286px; } #tell_a_friend_form .e-mail { position: absolute; top: 53px; left: 345px; } #tell_a_friend_form .e-mail input { width: 286px; } #tell_a_friend_form .receiver_0 { position: absolute; top: 123px; left: 25px; } #tell_a_friend_form .receiver_1 { position: absolute; top: 158px; left: 25px; } #tell_a_friend_form .receiver_2 { position: absolute; top: 191px; left: 25px; } #tell_a_friend_form .name_receiver { float: left; } #tell_a_friend_form .name_receiver input { width: 286px; } #tell_a_friend_form .email_receiver { float: left; margin-left: 32px; } #tell_a_friend_form .email_receiver input { width: 286px; } #tell_a_friend_form .submit { position: absolute; top: 185px; left: 650px; height: 30px; background: url('../editorial/id=347.gif'); } #tell_a_friend_form input.error { color: #cb3b1f; font-weight: bold; } #tell_a_friend_form_result .title { margin-bottom: 10px; } #tell_a_friend .result .text { width: 700px; } /* ERRORS */ label.error { display: none !important;}