/* Section for BODY TAG ---------------------- Change the backgroud color,color text on the entire page. */ body { background: #FFFFFF; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; SCROLLBAR-FACE-COLOR: #487EB0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #E4ECF6; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #F2C2B7; scrollbar-dark-shadow-color: Black; scrollbar-3d-light-color: #ffffff; } .backgroundimage { /*BACKGROUND-IMAGE: url(../images/back1.gif);*/ } /************ END SECTION BODY BACKGROUND-COLOR: #67819d; COLOR: white; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center *********/ /* Section for HEADER ------------------- -------------------------------------------------------- Accommodation Booking for PROPERTY NAME ----------------------------------------------------- Change border,background color Of the above text. */ .borderheader { width: 90% ; font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none; background:#9BBAD6; border-width : thin; border-color:#487EB0; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /************************************** Accommodation Booking for PROPERTY NAME Set the font color of the above title text **********************************************************/ .fontheader{ font-size: 20pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; } /*************** END SECTION PAGE TITLE(HEADER) ***************/ /* Section for FONT HELP ---------------------- Set the color setting, font, font size and font color of the help text Font help style effect on below text ------------------------------------- 1) Booking online is safe and easy. No banking details will be asked for. A deposit payment will be due......................... 2)To book a Short Break, check the Additional Information at the bottom of this page about costs, mark the....................... */ .fonthelp{ font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; } /*************** END OF FONT HELP ******************/ /* Section For FONT HEADING -------------------------- Define the text below that uses font heading style ------------------------------------------------------------ 1) Weekly Rates and Availability 2)heading of Price , Week , Comments Example: ------------------------------------------------------------- | Price | Week | comments | ------------------------------------------------------------- 3)Click to change year to: 2005 4)Booking from Saturday to Saturday 5)Item , Detail ------------------------------------------------------------ Set the color setting, font, font size and font color of the heading text */ .fontheading{ font-size: 13pt; font-family: Arial; color: #000000; } /*************** END OF Section font heading ******************/ /* Section For FONT info -------------------------- This is use to change the font style of information provider text for user Effected in below text --------------------- 1) Accommodates up to 12 people and 5 pets. 2) Max. Children , Max. Adult , Max. Pet 3) Additional Information ( Further Costs and Discounts ) */ .fontinfo{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; /*color: #2915DD;*/ color:#000000; } /*************** END OF Section font info ******************/ /* Section For FONT Text -------------------------- Change the text style of price,week,comments record.Following text will effected. Example: ----------------------------------------------------------------- | Expired | 9 November | Iqbal Day | ----------------------------------------------------------------- */ .fonttext{ font-size: 10pt; font-family: Arial; color: #000000; } /*************** END OF Section font text ******************/ /* Section For FONT image -------------------------- Set the font color,size of the following image text 1)powered by 2)in association with */ .fontimage{ font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; } /*************** END OF Section font image ******************/ /* Section For FONT alert -------------------------- Set the font color,size of the following text 1) Your attention is drawn to the following information before booking */ .font_alert{ font-size: 15px; color:#FF224F; } /*************** END OF Section font alert ******************/ /* Section For fontlight -------------------------- It is only use to change the following text. 1) (£ / week) 2) (arrival date) */ .fontlight{ font-size: 10pt; font-family: Verdana; color: #000000; } /*************** END OF Section fontlight ******************/ /* Section For OUTER TABLE BOX ---------------------------- This style that's "embedded" within the outer table box tags of a page. */ .tablebox { border-color:#487EB0; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; background:#9BBAD6; align : center; } /*************** END OF Section OUTER TABLE BOX ******************/ /* .H IS USED FOR SET THE COLOR OF TABLE ROW AND BORDER. 1) Example: -------- ----------------------------------------------------------------- |EXPIRED 17 December | ----------------------------------------------------------------- |BOOKED 25 December Quaid Day | ----------------------------------------------------------------- 2) Example: ----------- ------------------------- ----------- | Booking a short break | | Help | -------------------------- ----------- */ .H { width: 90% ; font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none; background:#E4ECF6; border-width : thin; border-style: solid; border-color:#487EB0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /*************** END OF Section table display ******************/ /* Section for TABLE LINE ----------------------- Change the color setting of the table line. Table line is just like a line. */ .line { border-width : thin; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color:#487EB0; } /*************** END OF Section TABLE LINE ******************/ /* Section For text area Box -------------------------- Change the color setting ,border,background color style of text area box. */ textarea { background-color:#FFFFFF; color:#000000; border-style: solid; border-color: #487EB0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /*************** END OF Section text area Box ******************/ /* Section For Input Box -------------------------- It is set the style of input box. */ .input1 { background-color: #FFFFFF; color: #000000; border-style: solid; border-color: #487EB0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /*************** END OF Section Input Box ******************/ /* Section For Select Box -------------------------- It is change the style of select box. */ select { background-color: #FFFFFF; color: #000000; } /*************** END OF Section Select BOX ******************/ /* Section For RATE COLOR -------------------------- Define the following 6 rate color .Change the color of the rates. */ .column1 { background: #CCCCFF} .column2 { background: #99FFCC} .column3 { background: #99FF66} .column4 { background: #FFCC66} .column5 { background: #FF9966} .column6 { background:#FF99FF; } /*************** END OF Section RATE COLOR ******************/