@CHARSET "UTF-8"; a:link { color:#760200; text-decoration: none; } a:visited { color:#760200; text-decoration: none; } a:hover { color:#afa325; } a:active { color:#afa325; } .back { color: #ffffff; } .backdrop { position: absolute; top: 5px; left:5px; height: 1000px; width: 800px; border: solid; border-width: 2px; border-color: #ccb177; z-index: 2; } .header { position: absolute; top: 10px; left: 25px; z-index: 3; } .linkbarouter { position: absolute; top: 220px; left: 25px; width: 750px; height: 80px; border-top: solid; border-bottom: solid; border-left: none; border-right: none; border-width: 2px; border-color: #ccb177; z-index: 3; } .linkbarouter_admin { position: absolute; top: 220px; left: 25px; width: 750px; height: 40px; border-top: solid; border-bottom: solid; border-left: none; border-right: none; border-width: 2px; border-color: #ccb177; z-index: 3; } .point_home { position: absolute; top: 10px; left: 20px; border: none; z-index: 5; } .linkbar_home { position: absolute; top: -10px; left: 45px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_about { position: absolute; top: 10px; left: 110px; border: none; z-index: 5; } .linkbar_about { position: absolute; top: -10px; left: 135px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_ceremonies { position: absolute; top: 10px; left: 235px; border: none; z-index: 5; } .linkbar_ceremonies { position: absolute; top: -10px; left: 260px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_locations { position: absolute; top: 10px; left: 370px; border: none; z-index: 5; } .linkbar_locations { position: absolute; top: -10px; left: 395px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_services { position: absolute; top: 10px; left: 575px; border: none; z-index: 5; } .linkbar_services { position: absolute; top: -10px; left: 600px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_book { position: absolute; top: 45px; left: 5px; border: none; z-index: 5; } .linkbar_book { position: absolute; top: 25px; left: 30px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_contact { position: absolute; top: 45px; left: 150px; border: none; z-index: 5; } .linkbar_contact { position: absolute; top: 25px; left: 175px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_offers { position: absolute; top: 45px; left: 275px; border: none; z-index: 5; } .linkbar_offers { position: absolute; top: 25px; left: 300px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_honey { position: absolute; top: 45px; left: 425px; border: none; z-index: 5; } .linkbar_honey { position: absolute; top: 25px; left: 450px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .point_villa { position: absolute; top: 45px; left: 575px; border: none; z-index: 5; } .linkbar_villa { position: absolute; top: 25px; left: 600px; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .pagetitle { position: absolute; top: 295px; left: 265px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .pagetitle2 { position: absolute; top: 295px; text-align: center; left: 315px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .pagetitle3 { position: absolute; top: 530px; left: 270px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .pagetitle4 { position: absolute; top: 295px; left: 25px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .pagetitle5 { position: absolute; top: 295px; left: 240px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .pagetitle6 { position: absolute; top: 295px; text-align: center; left: 300px; text-decoration: none; z-index: 5; font-family: Times; font-size: 26px; color: #760200; } .maintext { position: absolute; top: 300px; left: 25px; z-index: 5; } .topictext { font-family: Times; padding-left: 10px; padding-right: 10px; text-align: left; font-size: 13px; font-weight: normal; text-align: left; width: 700px; /*margin-top: -10px;*/ z-index: 3; color: #760200; } .subhead1 { position: absolute; top: 355px; left: 275px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead2 { position: absolute; top: 515px; left: 375px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead3 { position: absolute; top: 685px; left: 275px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead4 { position: absolute; top: 820px; left: 380px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead5 { position: absolute; top: 535px; left: 300px; text-decoration: none; z-index: 5; font-family: Times; font-size: 23px; color: #760200; } .subhead6 { position: absolute; top: 310px; left: 185px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead7 { position: absolute; top: 460px; left: 485px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead8 { position: absolute; top: 600px; left: 185px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead9 { position: absolute; top: 750px; right: 185px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .subhead10 { position: absolute; top: 515px; left: 255px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .text1 { position: absolute; top: 380px; left: 275px; width: 450px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .text2 { position: absolute; top: 540px; left: 25px; width: 500px; text-decoration: none; text-align: right; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .text3 { position: absolute; top: 715px; left: 275px; width: 500px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .text4 { position: absolute; top: 845px; left: 25px; width: 500px; text-decoration: none; text-align: right; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .text5 { position: absolute; top: 350px; left: 25px; width: 750px; text-decoration: none; text-align: center; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .text6 { position: absolute; top: 575px; left: 255px; width: 300px; text-decoration: none; text-align: center; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .text7 { position: absolute; top: 350px; left: 25px; width: 750px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .text8 { position: absolute; top: 415px; left: 25px; width: 425px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .text9 { position: absolute; top: 705px; left: 415px; width: 382px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .text10 { position: absolute; top: 695px; left: 415px; width: 385px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .text11 { position: absolute; top: 585px; left: 25px; width: 750px; text-decoration: none; text-align: center; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .text12 { position: absolute; top: 360px; left: 185px; width: 600px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 20px; color: #725c2d; } .text13 { position: absolute; top: 510px; right: 185px; width: 600px; text-decoration: none; text-align: right; z-index: 5; font-family: Times; font-size: 20px; color: #725c2d; } .text14 { position: absolute; top: 650px; left: 185px; width: 600px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 20px; color: #725c2d; } .text15 { position: absolute; top: 790px; right: 185px; width: 600px; text-decoration: none; text-align: right; z-index: 5; font-family: Times; font-size: 20px; color: #725c2d; } .text16 { position: absolute; top: 345px; left: 275px; width: 450px; text-decoration: none; z-index: 5; font-family: Times; font-size: 18px; color: #760200; } .text17 { position: absolute; top: 345px; left: 275px; width: 450px; text-decoration: none; z-index: 5; font-family: Times; font-size: 16px; color: #760200; } .midpage { position: absolute; top: 650px; left: 175px; border: none; z-index: 5; } .service1 { position: absolute; top: 330px; left: 25px; border: none; } .service2 { position: absolute; top: 480px; right: 25px; border: none; } .service3 { position: absolute; top: 620px; left: 25px; border: none; } .service4 { position: absolute; top: 770px; right: 25px; border: none; } .florguff { position: absolute; top: 800px; left: 50px; z-index: 5; text-align: center; width: 700px; font-family: Times; font-size: 20px; color: #760200; } .spesh { position: absolute; top: 325px; left: 175px; border: none; } .alba { position: absolute; top: 680px; right: 50px; border: none; } .imagecatalogue { position: absolute; top: 320px; left: 25px; z-index:5; } .seven1 { position: absolute; top: 370px; left: 460px; border: solid 2px #ccb177; } .seven2 { position: absolute; top: 690px; left: 25px; border: solid 2px #ccb177; } .ten2 { position: absolute; top: 675px; left: 25px; border: solid 2px #ccb177; } .honeyinfo { position: absolute; top: 475px; left: 25px; width: 400px; text-decoration: none; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .rosy { font-family: Times; font-size: 16px; color: #760200; } .honeycouple { position: absolute; top: 460px; left: 450px; border: none; } .image1 { position: absolute; top: 365px; left: 25px; border: solid 2px #ccb177; } .image2 { position: absolute; top: 530px; left: 545px; border: solid 2px #ccb177; } .image3 { position: absolute; top: 685px; left: 25px; border: solid 2px #ccb177; } .image4 { position: absolute; top: 835px; left: 545px; border: solid 2px #ccb177; } .groom { position: absolute; right: 25px; top: 575px; border: none; } .bride { position: absolute; left: 25px; top: 575px; border: none; } .bullet1 { position: absolute; border: none; left: 215px; top: 630px; } .offer1 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 610px; } .bullet2 { position: absolute; border: none; left: 215px; top: 670px; } .offer2 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 650px; } .bullet3 { position: absolute; border: none; left: 215px; top: 710px; } .offer3 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 690px; } .bullet4 { position: absolute; border: none; left: 215px; top: 750px; } .offer4 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 730px; } .bullet5 { position: absolute; border: none; left: 215px; top: 790px; } .offer5 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 770px; } .bullet6 { position: absolute; border: none; left: 215px; top: 830px; } .offer6 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 810px; } .bullet7 { position: absolute; border: none; left: 215px; top: 870px; } .offer7 { position: absolute; font-family: Times; font-size: 20px; color: #760200; left: 255px; top: 850px; } .pagelink { position: absolute; top: 950px; left: 350px; text-decoration: none; z-index: 5; font-family: Times; font-size: 18px; color: #760200; } .pagelink2 { position: absolute; top: 955px; right: 25px; text-decoration: none; z-index: 5; font-family: Times; font-size: 16px; color: #760200; } .pagelink3 { position: absolute; top: 950px; right: 425px; text-decoration: none; z-index: 5; font-family: Times; font-size: 16px; color: #760200; } .region-movie { position: absolute; top: 320px; left: 100px; border: none; } .region-movie-new { position: absolute; top: 320px; left: 25px; border: none; } .region-pad1 { position: absolute; top: 320px; left: 582px; border: none; z-index: 3; } .region-pad2 { position: absolute; top: 905px; left: 582px; border: none; z-index: 3; } .italy-links { position: absolute; top: 318px; left: 582px; height: 625px; width: 188px; border: solid 2px #ccb177; z-index: 4 } .region1 { position: absolute; top: 30px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region2 { position: absolute; top: 55px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region3 { position: absolute; top: 80px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region4 { position: absolute; top: 105px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region5 { position: absolute; top: 130px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region6 { position: absolute; top: 155px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region7 { position: absolute; top: 180px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region8 { position: absolute; top: 205px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region9 { position: absolute; top: 230px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region10 { position: absolute; top: 255px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region11 { position: absolute; top: 280px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region12 { position: absolute; top: 305px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region13 { position: absolute; top: 330px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region14 { position: absolute; top: 355px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region15 { position: absolute; top: 380px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region16 { position: absolute; top: 405px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region17 { position: absolute; top: 430px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region18 { position: absolute; top: 455px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region19 { position: absolute; top: 480px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region20 { position: absolute; top: 505px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .region21 { position: absolute; top: 530px; left: 5px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regiontxt { position: absolute; top: 725px; left: 50px; width: 700px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 18px; color: #760200; } .loctxt { position: absolute; top: 800px; left: 25px; width: 550px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 18px; color: #760200; } .regiontxt-new { position: absolute; top: 625px; left: 25px; width: 450px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 16px; color: #760200; } .regiontxt-new2 { position: absolute; top: 625px; left: 25px; width: 450px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regiontxt-new3 { position: absolute; top: 625px; left: 25px; width: 450px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 12px; color: #760200; } .regionlinks { position: absolute; top: 850px; left: 300px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regionlinks2 { position: absolute; top: 875px; left: 345px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regionlinks3 { position: absolute; top: 875px; left: 340px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regionlinks4 { position: absolute; top: 875px; left: 320px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .regionlinks5 { position: absolute; top: 875px; left: 320px; text-align: center; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .list { position: absolute; top: 350px; left: 25px; width: 750px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 16px; color: #725c2d; } .cursor_change { cursor: pointer; } .side-image { position: absolute; top: 350px; left: 25px; border: none; z-index: 5; } .front-header { position: absolute; top: 300px; left: 425px; width: 350px; font-family: Times; font-size: 24px; color: #760200; text-decoration: none; text-align: center; } .front-txt1 { position: absolute; top: 375px; left: 435px; width: 350px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .front-txt2 { position: absolute; top: 610px; left: 435px; width: 350px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .front-txt3 { position: absolute; top: 795px; left: 435px; width: 350px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 18px; color: #725c2d; } .petals1 { position: absolute; top: 575px; left: 530px; border: none; } .petals2 { position: absolute; top: 765px; left: 530px; border: none; } .formloc { position: absolute; top: 460px; left:25px; width: 600px; text-decoration: none; text-align: left; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .testify { position: absolute; top: 895px; left: 75px; width: 650px; text-decoration: none; text-align: center; z-index: 5; font-family: Times; font-size: 18px; color: #760200; } .quote1 { position: absolute; top: 345px; left: 25px; border: none; } .quote1b { position: absolute; top: 345px; left: 25px; border: none; } .quote2 { position: absolute; top: 485px; left: 25px; border: none; } .quote3 { position: absolute; top: 610px; left: 25px; border: none; } .quote4 { position: absolute; top: 685px; left: 25px; border: none; } .quote5 { position: absolute; top: 765px; left: 25px; border: none; } .quote6 { position: absolute; top: 830px; left: 25px; border: none; } .cloquote1 { position: absolute; top: 430px; right: 25px; border: none; } .cloquote2 { position: absolute; top: 565px; right: 25px; border: none; } .cloquote3 { position: absolute; top: 640px; right: 25px; border: none; } .cloquote4 { position: absolute; top: 725px; right: 25px; border: none; } .cloquote5 { position: absolute; top: 810px; right: 25px; border: none; } .cloquote6 { position: absolute; top: 920px; right: 25px; border: none; } .quotetxt1 { position: absolute; top: 360px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .quotetxt2 { position: absolute; top: 500px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .quotetxt3 { position: absolute; top: 625px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .quotetxt4 { position: absolute; top: 700px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .quotetxt5 { position: absolute; top: 780px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .quotetxt6 { position: absolute; top: 845px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .cust1 { position: absolute; top: 455px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust2 { position: absolute; top: 580px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust3 { position: absolute; top: 655px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust4 { position: absolute; top: 740px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust5 { position: absolute; top: 825px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust6 { position: absolute; top: 935px; right: 50px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #760200; } .cust1lge { position: absolute; top: 690px; right: 75px; text-align: right; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #760200; } .fullquotetxt1 { position: absolute; top: 360px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 20px; color: #725c2d; } .fullquotetxt2 { position: absolute; top: 360px; left: 50px; width: 700px; text-decoration: none; z-index: 5; font-family: Times; font-size: 14px; color: #725c2d; } .endquote1 { position: absolute; top: 730px; right: 25px; border: none; } .backbutton { position: absolute; top: 960px; border: none; left: 605px; z-index: 6; } .footer { position: absolute; top: 1005px; left: 30px; } .copyright { font-family: Times; font-size: 10px; color: #a99375; } .copyright2 { font-family: Times; font-size: 10px; color: #a99375; } .fsb { position: absolute; border: none; left: 200px; top: 5px; } .abtoi { position: absolute; border: none; left: 250px; top: 5px; } .paypal { position: absolute; border: none; left: 350px; top: 5px; } .image_browser { position: absolute; border: solid medium color(255,255,255); left: 300px; top: 600px; z-index: 1; } /* --------------------------------------------------------------------------- */ /* form css template */ #quote_form { background-color: #fff; width: 760px; background-color: #eee8db; } #quote_form * { margin: 0; padding: 0 } form fieldset { background-color: #eee8db; border: none; border-bottom: 1px solid #bfb9ac; padding: 5px; } form fieldset legend { display: none; } #quote_form h3 { font-size: 1.1em; font-weight: none !important; padding: 0; line-height: 10%; margin: 15px 0 10px 10px !important; color: #760200; } /* -------------------------------------------------------------------------- */ /* Submit buttons */ #quote_form .submitdiv { margin-top: 0; text-align: right; padding: 20px; } #quote_form .submitdiv input, #quote_form .submitlink { border: none; color: #fff; background: url('./images/submit-form.png') no-repeat; width: 147px; height: 47px; font-size: 1.5em; padding: 0.3em 0.3em; font-weight: bold; text-decoration: none; } /* -------------------------------------------------------------------------- */ /* basic form style */ #quote_form p { padding: 5px; } #quote_form div.form-row { margin: 0 0; overflow: hidden; /* clear float hack */ width: 100%; /* important for IE < 7*/ background-color: #eee8db; padding: 10px 0; } #quote_form div.form-row-over { background-color: #ccc; } #quote_form div.label-area { float: left; width: 70px; text-align: right; margin-right: 10px; color: #000; } #quote_form div.label-area label { font-size: 1.1em; font-weight: normal; display: block; color: #444; } #quote_form div.label-area label span { color: red; } #quote_form div.input-area { margin-left: 70px; } #quote_form div.input-area input, #quote_form div.input-area select, #quote_form div.input-area textarea { border: 1px solid #ddd; background-color: #fff !important; } #quote_form div.form-row br { clear: left; font-size: 1px; line-height: 1px; height: 0 !important; margin: 0 !important; padding: 0 !important; } #quote_form div.form-row-2 { float: left; width: 50%; } #quote_form div.form-row-2 div.label-area { float: left; width: 70px; text-align: right; margin-right: 10px; color: #000; } #quote_form div.form-row-2 div.input-area { margin-left: 70px; } #quote_form div.form-row-2 div.input-area input, #quote_form div.form-row-2 div.input-area textarea { width: 150px; } #quote_form div.form-row-3 { float: left; width: 33%; } #quote_form div.form-row-3 div.label-area { float: left; width: 70px; text-align: right; margin-right: 10px; color: #000; } #quote_form div.form-row-3 div.input-area { margin-left: 70px; } #quote_form div.form-row-3 div.input-area input, #quote_form div.form-row-3 div.input-area textarea { width: 150px; } #quote_form div.input-area input.text-line { width: 420px; } #quote_form div.input-area textarea { font-family: Calibri, Arial, sans-serif; width: 420px; height: 60px; } #quote_form .default-hide { display: none; } #quote_form div.area-radio div div, #quote_form div.area-checkboxes div div { margin-right: 15px; margin-bottom: 3px; background-color: #f6f2e8; padding: 2px 5px; cursor: pointer; } #quote_form div.area-radio div div { float: left; } #quote_form .long-label div.label-area { float: none; width: 100%; text-align: left; margin-right: 10px; color: #000; } #quote_form .long-label div.input-area { margin-left: 5px; } .long-label div.label-area label { padding: 5px; } #errors-box { border: 2px solid #ffd006; list-style: none; background-color: #faff85; margin: 20px 0; } #errors-box li { margin: 5px; } /* form bespoke */ #row_user_phone_home, #row_user_phone_work, #row_user_address { height: 65px; } #row_user_address textarea { height: 65px !important; } #row_wedding_date input { width: 70px !important; } #row_wedding_date, #row_wedding_guests, #row_wedding_date2 { height: 50px; } .special-checkbox-area { float: left; width: 170px !important; padding-left: 15px !important; } .special-checkbox-area .label-area { float: none !important; } .special-checkbox-area .label-area label { text-align: left; } .special-checkbox-area .label-area { float: none !important; height: 35px } .special-checkbox-area .input-area { margin-left: 0 !important; height: 100px; overflow: auto; } .special-checkbox-area .input-area div { margin: 0 !important; } /* calendar */ table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } a.dp-choose-date { float: right; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; *margin-top: -18px !important; margin-right: 80px !important; display: block; text-indent: -2000px; overflow: hidden; background: url('./images/calendar.png') no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } #calendar-me { margin: 20px; }