/* Defaults -----------------------------------------------------------------------*/ *, p, h1, h2, h3, h4, ul, ol, li, td, th { margin:0px; padding:0px; } ul, li { list-style-type:none } ol, ol li { list-style-type: decimal; } ul.bulleted, ul.bulleted li { list-style-type: disc; } ul.bulleted { margin-left: 1.5em; } ol { margin-left: 2.3em; } ul.bulleted li, ol li { margin-bottom: 15px; } a:focus { outline:none } a img, img { border:0px; } img.outline { border: 1px solid #ccc; } td, th { text-align:left; padding:5px; border-bottom:1px solid #ccc; font-size: 12px; } table { border-collapse:collapse; } th { background-color:#eee; border-bottom:1px solid #ccc; } td, th, input { font-style:inherit } input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } /* General -----------------------------------------------------------------------*/ body { background-color:#666; text-align:center; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif } p { line-height:16px; } h2, a { color:#903; } a:hover { color:#903; text-decoration:none; } h2 { font-size:18px; font-weight: normal; margin-bottom: 10px; } h2.bright { color: #c06; } h3 { font-size:12px; margin-bottom: 3px; } h3.alt { color: #903; font-size: 13px; } h3.newstitle { font-size:15px; color:#c06; margin-bottom:0px; } h3.bright, h3.bright a, h3.bright a:visited { font-size:15px; color:#c06; margin: 19px 0 10px; } h4 { color:#903; font-size:12px; } h4.dark { color: #333; margin-bottom: 6px; clear: left; } p, ul, ol, table, form { margin-bottom:15px; } .alert { color: #903; } p.alert { clear: left; margin: 0.5em 0; padding: 0.3em; background-color: #fc3; color: #333; font-weight: bold; } p.caption { color:#999; margin:2px 0 0; } p.date { color:#999; margin:3px 0; } li.current, li.current a { color:#903; text-decoration:none } /* Layout -----------------------------------------------------------------------*/ #container { margin:0 auto; text-align:left; width:840px; background-color:#fff; } #banner { height:123px; position:relative; background-color:#fff; border-bottom:1px solid #666; } #banner h1 { position:absolute; left:15px; top:8px; width:202px; height:105px; } #banner #links { position:absolute; right:5px; top:78px; width:615px; height:35px; } /*home does not include home link*/ #pageHome #banner #links { width: 547px; } #links li { display:inline; float:left; margin-left:32px; } #links a { text-decoration:none; color:#666; font-weight:bold; float:left; height:13px; display:block; text-indent:-9999px; } #links li, #links a { background-position:top left; background-repeat:no-repeat; } #links a:hover { background-position:top right; } /*submenu disappears in ie<7 if width put on li - danger! */ #links li#navHome a{ width:36px; background-image:url(../images/template/nav/home.gif) } #links li#navHome { background-image:url(../images/template/nav/home.gif); } #links li#navRates a{ width:34px; background-image:url(../images/template/nav/rates.gif) } #links li#navRates { background-image:url(../images/template/nav/rates.gif); } #links li#navMotorhomes a{ width:77px; background-image:url(../images/template/nav/motorhomes.gif) } #links li#navMotorhomes { background-image:url(../images/template/nav/motorhomes.gif); } #links li#navPlaces a{ width:79px; background-image:url(../images/template/nav/places.gif) } #links li#navPlaces { background-image:url(../images/template/nav/places.gif); } #links li#navNewsandinfo a{ width:33px; background-image:url(../images/template/nav/newsandinfo.gif) } #links li#navNewsandinfo { background-image:url(../images/template/nav/newsandinfo.gif); } #links li#navCompanyinfo a{ width:58px; background-image:url(../images/template/nav/companyinfo.gif) } #links li#navCompanyinfo { background-image:url(../images/template/nav/companyinfo.gif); } #links li#navAffiliates a{ width:55px; background-image:url(../images/template/nav/affiliates.gif) } #links li#navAffiliates { background-image:url(../images/template/nav/affiliates.gif); } #links li#navMotorhomes ul li a, #links li#navLocation ul li a, #links li#navNewsandinfo ul li a, #links li#navCompanyinfo ul li a, #links li#navAffiliates ul li a , #links li#navPlaces ul li a { width:auto; background-image:none; } #links ul ul { /*float: left;*/ position:absolute; left:0px; top:18px; text-align:right; width:544px; /*display: inline;*/ } #links ul ul li { display:inline; text-align:right; margin:0 20px 0 0; } #links ul ul li a { font-size:11px; color:#444444; text-decoration:none; font-weight:bold; text-indent:0px; } #links ul ul li a:hover, #links ul ul li.highlight a, #pageVehicles #linkVehicles a, #pageTour #linkTour a, #pageTerms #linkTerms a, #pagePickup #linkPickup a, #pageLocation #linkLocation a, #pageNews #linkNews a, #pageEvents #linkEvents a, #pageHoliday #linkHoliday a, #pageInspiration #linkInspiration a, #pageTestimonials #linkTestimonials a, #pageLinks #linkLinks a, #pageLM #linkLM a, #pageAbout #linkAbout a, #pageContact #linkContact a, #pagePrivacy #linkPrivacy a, #pageProgramme #linkProgramme a, #pageJoin #linkJoin a, #pageAffiliates #linkAffiliates a, #pageWho #linkWho a, #pageSignup #linkSignup a, #pageMedia #linkMedia a { color:#903; } #links li#navMotorhomes ul { /*left:82px;*/ left: 142px; width:535px; } #links li#navPlaces ul { left: 220px; width:300px; } /*janine - saf+ff mac need a bit more width here to stay on one line*/ #links li#navNewsandinfo ul { left:182px; width: 440px; } /*#links li#navNewsandinfo ul { left: 70px; width: 520px; }*/ /*#links li#navCompanyinfo ul { left:365px; width:234px; display:none }*/ /*#links li#navCompanyinfo ul { left:345px; width:279px; }*/ #links li#navCompanyinfo ul { left: 139px; width:510px; } #links li#navAffiliates ul { clear: left; left: 80px; width:520px; } .affiliates li#navAffiliates a, .rates li#navRates a, .motorhomes li#navMotorhomes a, .places li#navPlaces a, .newsandinfo li#navNewsandinfo a, .companyinfo li#navCompanyinfo a { background-position:top right; } /* Columns */ #content { background-image:url(../images/template/internal_bg.gif); background-position:top left; background-repeat:repeat-y; } #column1, #column2, #column3 { float:left; } #column1 { width:210px; } #column2 { width:370px; margin: 0 0 25px 15px; padding-top:15px; } #column3, #featureBoxes { width:179px; margin-left:50px; padding-top:15px;} /* Sidebar Features */ #features li { padding:15px; background:#990033; color:#fff; border-right:1px solid #666; border-bottom:1px solid #666; } #features h3 { margin:0 10px 10px 0; font-size:15px; color:#fff; } #features p { margin:5px 0; } #features p strong { font-size: 1.1em; } #features li#f_booknow { background-color:#990033; } #features li#f_motorhomes { background-color:#333; } #features li#f_holidayinireland { background-color:#4c4c4c; } #column1 ul { margin-bottom:0px; } /* Sidebar Photos */ #column3 ul, .side ul { margin-bottom:10px; } #column3 ul li, .side ul li { margin-bottom:5px; } .side { float: left; display: inline; width: 157px; } #column3 p.caption a, #column3 p.caption a:visited { color: #999; text-decoration: none; } /* Footer */ #footer { clear:both; padding:15px; font-size:11px; background-color:#d3d3d3; border-top:1px solid #666 } #footer p { margin:0px; padding:0px; } #footer { color:#666; } #footer ul { width:729px; } #footer ul, #footer li { margin:0px; padding:0px; list-style-type:none } #footer li { display:inline; margin-right:10px; white-space: nowrap; } #footer a, #footer a:visited { text-decoration: underline; color: #903; } /* Custom Elements -----------------------------------------------------------------------*/ #column2 .feature, #column3 .feature { background-color:#666; border:1px solid #ccc; padding:10px; margin-bottom:20px; } #column2 .feature, #column3 .feature , #column3 .feature h2 { color:#fff; } #column2 .feature h3, #column3 .feature h3 { font-size:15px; margin:0px; } #column2 .feature p, #column3 .feature p { margin:0px; } /*prop causing problems in ie6 - sometimes text is invisible??*/ /*#column2 .feature .prop, #column3 .feature .prop { float:left; width:1px; display: inline; height:85px; }*/ #column2 .feature p.clickHere, #column3 .feature p.clickHere { clear:both; padding-top:4px; } /*min height of feature box set here with hack for ie excl mac*/ .feature { min-height: 85px; height: auto; } /* for Internet Explorer */ /*\*/ * html .feature { height: 85px; } /**/ form#formContact p { margin:0 0 10px; } form#formContact label { width:90px; float:left; display:block; padding-top:3px; } form#formContact input, form#formContact textarea { width:200px; } form .note { color:#999; margin:0 0 25px; } form .required-symbol { color:#903; } form .actions { text-align: right; } form#formContact { float: left; } form#formContact input.button { width: auto; } form .folaigh { display: none; } .listing { clear:both; } .listing li { margin-bottom:30px; } .listing h3 { color:#c06 } .testimonials ul.listing h3 { font-size:15px; margin:0px; } .testimonials ul.listing li { margin-bottom: 15px; } .events ul.listing { margin:15px 0 40px; } .events ul.listing li { clear:both; margin-bottom:20px; } .events ul.listing h3 { font-size:15px; margin:0px; } .events ul.listing h3, .events ul.listing p { width:370px; } .events ul.listing ul.photos { float:right; width:180px; } .events ul.listing ul.photos li { margin-bottom:20px;} ul.regions { padding-bottom:1px; margin: 0; } ul.regions li { display:inline; font-size:12px; color:#903 } ul.regions li a { width:72px; display:block; float:left; margin-bottom:5px; } ul.regions li.wide a { width:110px; } ul.regions li.all a, ul.regions li.southwest a, ul.regions li.national a { width:76px; } ul.regions li.dublin a, ul.regions li.west a { width:66px } ul.regions li.eastcoast a, ul.regions li.northwest a { width:81px } ul.regions li.midlands a { width:70px } ul.regions li.southeast a { width:31px } ul.regions li.northernireland a { width:100px } ul.regions li.current a { text-decoration:none; cursor:default } .news ul.listing { margin:15px 0 40px; } .news ul.listing h3 { font-size:15px; margin:0px; } .news ul.listing li { margin-bottom:15px; } ul.pagination { margin:30px 0 15px; clear:both; } ul.pagination li { display:inline; margin-right:8px; color:#999;} ul.alphabet { margin-bottom:15px; } ul.alphabet li { display:inline; margin-right:2px; color:#999;} table.listing h3 { font-size:15px; margin:0px; } table.listing td, table.listing th { border:0px; } ul.list-links { margin:0px 0 15px; } ul.list-links li { line-height:20px; } /* Specific Pages -----------------------------------------------------------------------*/ body.columns_2 #column3 { display:none } body.columns_2 #column2 { width:550px } /* HOMEPAGE */ #pageHome #content { background:#fff url(../images/homepage/bg.gif) top left repeat-y; width:100%; } #pageHome #column1, #pageHome #column2 { padding: 0; display:inline; } #pageHome #column1 { width: 400px; padding: 11px 0 0 0; margin: 0 5px 0 15px; } #pageHome #column2 { width: 390px; margin: 11px 15px 0; } #textHome { margin: 11px 15px 0; } /*true home page (english version) has wrapper on top row of content*/ #pageHome #contentHome { position: relative; float: left; display: inline; width: 840px; /*background: url(../images/homepage/bg-highlight.jpg) bottom left no-repeat;*/ min-height: 480px; height: auto; } * html #pageHome #contentHome { height: 480px; } /*special rates offer - background*/ /*2010 special offer - background position change*/ /*#pageHome #contentHome #column1 { margin: 0; width: 420px; background: #903 url(../images/homepage/bg-gradient.jpg) top left no-repeat; background-position: 0 -30px; }*/ #pageHome #contentHome #column1 { margin: 0; width: 420px; background: #903 url(../images/homepage/bg-gradient.jpg) top left no-repeat; background-position: 0 0; } #pageHome .standard #contentHome #column1 { padding-bottom: 269px; } #pageHome #contentHome #column2 { margin: 0; width: 420px; } #pageHome #contentHome #bookingForm { margin: 0 5px 0 15px; } /*special offer*/ #bookingForm #special h2, #bookingForm #special p { color: #ff0; } #bookingForm #special h2 { margin-bottom: 7px; font-size: 2.1em; font-weight: bold; } #bookingForm #special p { margin-bottom: 8px; font-size: 1.5em; margin-right: 1em; line-height: 1.4em; } #bookingForm #special p a, #bookingForm #special p a:visited { color: #fff; } #special p em { color: #fff; font-style: normal; font-size: 1.6em; } #bookingForm p.terms { color: #fcc; font-size: .9em; } .offer #bookingForm p.terms { margin-bottom: 2.5em; } #pageHome .offer #contentHome, #pageHome .it #contentHome, #pageHome .fr #contentHome { background: none; } .offer #bookingForm p { margin-bottom: 25px; } #pageHome .offer #contentHome #column1{ background-image: url(../images/homepage/bg-gradient.gif); } #pageHome .it #contentHome #column1 { min-height: 480px; height: auto; } * html #pageHome .it #contentHome #column1 { height: 480px; } /* special offer background*/ /* #pageHome .de #contentHome #column1, #pageHome .fr #contentHome #column1, #pageHome .it #contentHome #column1, #pageHome .es #contentHome #column1 { background-image: url(../images/homepage/bg-gradient-de.gif); background-position: 0 -80px; } #pageHome .landing .fr #contentHome #column1 { background-image: url(../images/homepage/bg-gradient-fr.gif); } #pageHome .fr #contentHome #column1 { background-position: 0 -100px; } #pageHome .landing .fr #contentHome #column1 { background-position: 0 -95px !important; } #pageHome .it #contentHome #column1 { background-position: 0 -80px !important; } #pageHome .es #contentHome #column1 { background-position: 0 -50px; } */ .landing #contentHome #column1 { min-height: 700px; height: auto; padding-bottom: 0 !important; } .landing #contentHome #column1 { height: 700px; } .landing .fr #contentHome #column1 { min-height: 750px; } /*#pageHome #contentHome #column1 { min-height: 797px; height: auto; } * html #pageHome #contentHome #column1 { height: 797px; }*/ /*feature beneath quote form on home page*/ #highlight { position: absolute; bottom: 0; left: 0; background: #333 url(../images/homepage/bg-highlight.jpg) bottom left no-repeat; width: 419px; height: 150px; /*height: 174px; height: 471px;*/ } .standard #highlight { bottom: 140px; border: 1px solid #666; border-width: 1px 0; } .landing .fr #highlight { bottom: 200px !important; } #highlight div { margin: 12px 15px 0; } #highlight h3 { margin-bottom: 10px; color: #fff; font-size: 18px; font-weight: normal; } #highlight p { width: 235px; color: #ccc; } #highlight p.first { width: 225px; } #highlight p a, #highlight p a:visited { color: #ccc; } #highlight p strong { color: #fff; } #highlight img { margin-top: 2px; } #highlight h3 a, #highlight h3 a:visited { color: #fff; text-decoration: none; } #highlight h3 a:hover { color: #ccc; } /*top right box - google map / slideshow*/ #specials { /*background-color: #b0d900;*/ border-bottom: 1px solid #666; } #offer { width: 420px; height: 220px; overflow: hidden; } #pageHome #bookingForm h2 a , #pageHome #bookingForm h2 a:visited { text-decoration: none; color: #fff; } #pageHome #bookingForm h2.minor { font-size: 1.3em; } #pageHome .landing #bookingForm h2.minor { display: inline; padding-right: 1em; font-size: 1.25em; } /* Booking pages */ #bookingForm { color:#fff; } #bookingForm h2 { color:#fff; margin-bottom:15px; } #bookingForm p { margin-bottom:20px; } #formQuote label { width:105px; float:left; padding-top:5px; font-size: 1.1em; } #bookingForm p.actions { margin-bottom: 15px; } #formQuote .note, #pageHome #column1 .note { color:#fcc; font-size:11px; margin: 0; clear: both; } #formQuote p#choosePickup, #formQuote p#chooseDropoff, #formQuote p#location {margin-bottom: 1.5em; } #formQuote p#location { font-size: 1.1em; } #formQuote p#choosePickup select, #formQuote p#chooseDropoff select { float: left; margin: 0 3px 20px 0; } #formQuote select#pickup, #formQuote select#dropoff { width:150px; } #formQuote select.month { width:93px; } #formQuote select.day { width:45px; } #formQuote select.year { width:60px; } #formQuote select.time { width: 65px; } #formQuote .alert { background-color: #fc3; color: #333; font-weight: bold; margin: 0.5em 1em 0.5em 0; padding: 0.3em; } #formQuote a, #formQuote a:visited, #bookingForm a, #bookingForm a:visited { color: #fcc; } #formQuote img.calendaricon { float: left; display: inline; } #formQuote h3 { margin-bottom: 1.5em; font-size: 1.3em; color: #f99; } /*janine - submit*/ #formQuote .actions { float: right; padding: 0 20px 0 0; } /*datepicker*/ .calendar * { margin: 0; padding: 0; border: 0; font-weight: normal; } .calendar .invalidday a, .calendar .invalidday a:hover { color: #d3d3d3; background: #fff; cursor: default; } .calendar .selectedday { background: #d3d3d3; } .calendar .today { font-weight: bold; color: #903; } .calendar a { padding: 0 2px; color: #000; text-decoration: none; } .calendar a:hover { background: #bbb; } .calendar table { border-collapse: collapse; font-size: 90%; } .calendar tbody td { width: 20px; } .calendar td, .calendar th { padding: 1px; text-align: center; } .calendar thead td { border-bottom: 1px solid #aaa; } .calendar thead td { font-weight: bold; } .calendar thead th a { font-size: 95%; font-weight: bold; } .calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; } .calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; } .calendaricon { cursor: pointer; } /* Homepage h2 has less spacing underneath */ #pageHome #column2 h2 { margin-bottom:/*0px*/ 10px; } /* Homepage Features displayed differently to internal pages */ #pageHome #features { clear:both; width:100%; position:relative; border-top:1px solid #666; font-size:12px; background: #fff url(../images/homepage/features_bg.gif) top left repeat-y; } #pageHome #features h3 { color:#990033;} #pageHome #features li { float:left; display:inline; color:#333; background:none; padding:15px 0 0; border:0px; width:195px; margin-left:15px;} #pageHome #features a.clickHere { margin:0px; position:absolute; bottom:15px; } #pageHome #features p { margin: 5px 15px 40px 0; } #pageHome #features a { text-decoration: none; } /* janine ===============================================*/ #column1, #column2, #column3 { display: inline; } /*wider second column than usual*/ .variation #column2 { width: 404px; } .variation #column3 { margin-left: 16px; } /* Booking pages */ em.error { margin-left: 5px; color: #c06; font-weight: bold; } #formPay p.error { border: 2px solid #c06; padding: 5px;} input.error, select.error, textarea.error { border: 2px solid #c06; } .explain { color: #999; } .warning { color: #903; } form .highlight { width: 264px; background-color: #666; border-bottom: 1px solid #fff; color: #fff; padding: 10px 25px 10px 10px; } p.required { text-transform: uppercase; font-weight: bold; } .instructions { margin-bottom: 40px; } .instructions strong { text-transform: uppercase; font-size: 15px; } .instructions .required strong { color: #903; } p.back a, .top, .top:visited { background: url(../images/template/arrow-top.gif) center left no-repeat; padding-left: 7px; } .sectionBooking td, .sectionBooking th { border-bottom: 0; } .sectionBooking h3 { margin: 0 0 10px; font-size: 15px; } /* Booking - stages indicator*/ #stage { font-weight: bold; margin: 5px 0 0; } #stage span { padding: 0 3px; margin-right: 2px; background-color: #ccc; } #stage strong span { color: #fff; background-color: #903; } /* Booking - right sidebar features */ .featureBox { width: 159px; padding: 10px; height: 100px; color: #fff; background-color: #666; } .featureBox h3 { font-size: 14px; } .featureBox h3.spaced { margin-bottom: 20px; } * html .featureBox { width: 179px; height: 120px; w\idth: 159px; he\ight: 100px; } .recap { margin: 20px 0 0 0; clear: left; } #pageConfirmation .recap { margin: 0 0 10px; } .recap th, .recap td { border-bottom: 1px solid #fff; padding: 2px 10px; } .recap td { width: 165px; background-color: #ccc; } .recap th { width: 93px; background-color: #e5e5e5; font-weight: normal; border-right: 1px solid #fff; } * html .recap td { width: 185px; w\idth: 165px; } * html .recap th { width: 113px; w\idth: 93px; } .breakdown { width: 269px; clear: both; margin-bottom: 10px; } .breakdown td, .breakdown th { color: #fff; padding: 7px 10px; border-bottom: 1px solid #fff; font-weight: bold; } .breakdown th { width: 148px; border-right: 1px solid #fff; text-align: left; background-color: #666; } .breakdown td { width: 80px; background-color: #333; text-align: right; } * html .breakdown th { width: 168px; w\idth: 148px; } * html .breakdown td { width: 100px; w\idth: 80px; } .breakdown tr.total th { text-transform: uppercase; } .breakdown tr.subtotal th { background-color: #4c4c4c; } .breakdown tr.subtotal td { background-color: #000; } .breakdown tr.grandtotal th { background-color: #903; } .breakdown tr.grandtotal td { background-color: #603; } .breakdown tr.grandtotal th.blend { text-transform: none; } .segment { padding-bottom: 0; margin-bottom: 15px; } /* Booking - Book */ #pageBook .featureBox h3.spaced { font-size: 12px; margin-bottom: 68px; } #pageBook #formQuote .note { color:#999; } #formBook .segment { background: none; padding-bottom: 5px; margin-bottom: 15px;} #formBook .button { margin: 5px 0; } #formBook table.extras { margin-bottom: 0; } #formBook input.tick { margin-right: 7px; } .vantypes li { float: left; margin: 0 30px 0 0; } .vantypes li.last { margin-right: 0; } #formBook .fields { clear: both; } h3.first { margin-top: 15px; } #formBook label.major { display: block; padding-bottom: 0.5em; } /*janine 100209 layout revs - side by side*/ .groupquote { float: left; display: inline; width: 293px; /*padding-bottom: 2em;*/ } .groupinfo { margin-bottom: 1.5em; padding: 8px 0 8px; background-color: #efefef; border: 1px solid #aaa; } .groupquote h4 { text-align: center; font-size: 1.3em; color: #c06; margin-bottom: 8px; } #groupquote-a { margin-right: 9px; } .groupquote .breakdown { width: 277px; margin-left: 8px; } .groupquote table { margin-bottom: 0; } /* .groupquote label { display: block; padding: 0.2em 0 1em; text-align: center; font-size: 1.3em; font-weight: bold; color: #c06; cursor: pointer; } .groupquote label input { display: block; margin: 0.5em auto 0; } */ .groupquote label { background: #333 url(../images/buttons/choose-arrow.gif) center left no-repeat; color: #fff; font-size: 1.3em; font-weight: bold; padding: 0.3em 0.5em 0.2em 1.5em; margin-left: 60px; cursor: pointer; } .groupselected .groupinfo { border: 1px solid #999; background-color: #d7d7d7; } #formBook div.action { float: left; display: inline; width: 200px; } select#group { width: 200px; } /*janine 031008 extras changes*/ #formBook .bordered h3 { padding-top: 1em; margin-top: 1.5em; background: url(../images/template/divider.gif) top left repeat-x; } #formBook .final { background: url(../images/template/divider.gif) bottom left repeat-x; } #formBook .extras td { padding-left: 0; } #formBook .extras td.extra label { width: 115px; padding-top: 1px; } td.extra select { float: left; } .vangroup { text-align: center; width: 295px; } .vangroup p { color: #666; margin-bottom: 0.4em; } #groupquote-a .vangroup { width: 192px; /*background-color: #0f0;*/ margin-left: auto; margin-right: auto; } #groupquote-b .gallery { margin-left: 7px; } .gallery li { float: left; text-align: center; width: 88px; display: inline; margin: 0 8px 12px 0; /*background-color: #f00;*/ } .gallery img { border: 1px solid #aaa; background-color: #fff; padding: 2px; display: block; } .gallery li a.caption { display: block; text-align: center; } #formBook .actions { text-align: right; margin: 0 0 5px 0; } /* Booking - Pay */ /*2 column page (with sidebar floated within*/ #pagePay #column2, #pageBook #column2 { width: 599px; } #sidebar { float: right; } /*310809 side by side changes*/ #formPay { width: 599px; /*width: 410px;*/ } #formPay h2 { clear: left; padding-top: 1em; } #formPay h3.first { margin-top: 0; } #formPay p { margin-bottom: 7px; clear: both; } #formPay label, .extras .extra label { width: 105px; float: left; display: inline; padding-top: 4px; margin-right: 2px; color: #333; } #formPay label strong { color: #903; font-weight: normal; } #formPay label.long, #formAff label.long { width: auto; float: none; margin-left: 7px; } #formPay .standard { width: 206px; } #formPay .narrow { width: 100px; } #formPay select.standard { width: 212px; } #formPay select.month { width:100px; } #formPay select.day { width:45px; } #formPay select#cardtype { width: 120px; } #formPay select.year { width:60px; } #formPay select.quantity { width: 40px; } #formPay .button { margin-right: 10px; } #formPay .actions { margin: 20px 0; text-align: left; } #formPay .recap { float: left; margin-bottom: 0; } #formPay .highlight { float: left; background-color: #fff; padding: 0; margin-left: 20px; margin-top: 30px; color: #903; } /*#formPay .segment { margin-right: 75px; }*/ #formBook alert, #formPay .alert { background: none; color: #903; font-weight: bold; margin: 0.5em 0; padding: 0; } #formPay p.alert { clear: none; } #formPay p.final { float: left; } #formPay div.segment { clear: left; float: left; display: inline; width: 410px; } #formPay div.terms { padding-bottom: 1em; } /*280809 side by side changes*/ .quoteOption { float: left; display: inline; width: 270px; margin: 0 0 1em; padding: 10px 6px 5px; background-color: #eee; border: 1px solid #999; } * html .quoteOption { width: 282px; w\idth: 270px; } .quoteFull { margin-right: 30px; } .quoteOption p { padding: 0 1em; font-weight: bold; color: #666; text-align: center; font-size: 1.1em; } .quoteOption h4 { margin-bottom: 0.5em; font-size: 1.3em; color: #c06; } .quoteOption h4 strong { display: block; color: #903; } p.smallprint { clear: both !important; } #formPay div.breakdowns, #formPay div.terms { clear: both; } p#payTerms { width: 410px; } #pagePay #content div.instructions p { width: 550px; line-height: 1.7em; } /*optional extras - layout table used - shame!! :( */ .extras { width: 410px; } .extras td.extra { width: 150px; } /* Booking - confirmation */ .segment { padding-bottom: 20px; background: url(../images/template/divider.gif) bottom left repeat-x; } #pageConfirmation #column2 h3 { margin-top: 20px; } /*rates page*/ .tblRates, .tblPrices { color: #fff; } .tblRates th { background-color: #666; text-align: left; font-size: 13px; } .tblRates th strong { font-size: 13px; } .tblRates .headers th, .tblPrices th, .tblRates th.band { background-color: #333; width: auto; font-size: 12px; } .tblRates th.invisible { background-color: #fff; } .tblRates td { background-color: #903; font-weight: bold; text-align: center; width: 100px; vertical-align: middle; height: 55px; padding: 8px; } .tblPrices td { background-color: #c06; font-weight: bold; text-align: left; } .tblRates th, .tblRates td, .tblPrices th, .tblPrices td { border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; } .tblRates th, .tblPrices th, .tblPrices td { vertical-align: top; padding: 8px 3px 8px 8px; } .tblPrices th, .tblPrices td { padding: 5px 3px 5px 8px; width: 100px; } .tblPrices th.first, .tblPrices td.first { width: 170px; } .tblPrices td.first { background-color: #999; } .single th, .single td { width: 378px; } .tblPrices { margin: 10px 0; } .motorhomes .actions { margin: 20px 0; } .tblRates th em { font-style: normal; font-size: 12px; color: #ff0; text-transform: uppercase; } .tblRatesNew { margin-bottom: 1.5em; } .tblRatesNew .headers th { font-size: 12px; } .tblRatesNew th, .tblRatesNew th strong { font-size: 13px; } .tblRatesNew th.band, .tblRatesNew td { font-size: 13px; height: auto; padding: 13px 10px; vertical-align: middle; } /*motorhomes page*/ .back { text-align: right; margin: 0; } .motorhomes .segment { padding: 0 0 10px; } .motorhomes .vantypes { padding-bottom: 15px; } ul.actions, ul.actions li { list-style-type: none; } ul.actions { clear: both; display: block; } ul.actions li { display: inline; margin-right: 10px; } .motorhomes .gallery { float: left; width: 402px; display: inline; margin-bottom: 20px; } .motorhomes .gallery li { margin: 0 0 0 10px; float: left; display: inline; width: 93px; } .motorhomes .gallery img { margin: 0; padding: 0; display: block; border: 1px solid #ccc; } .text { float: left; display: inline; width: 402px; margin-right: 18px; } .motorhomes .gallery li.first { margin-left: 0; } #column2 .feature, #column2 .side { display: inline; float: left; width: 157px; } #column2 ul.wide { width: 179px; } #column2 .side li { float: left; width: 157px; display: inline; } .wide #column2 { width: 599px; } .wide #column3 { display: none; } .text h3 { margin: 0 0 4px; } .groupend { width: 402px; clear: both; } /*model detail page*/ /*.model #column2 { width: 402px; }*/ .specs th { background-color: #666; color: #fff; border: 0; } .specs td { background-color: #e5e5e5; border-width: 1px 0 0; border-top: 1px solid #fff; color: #666; font-weight: bold; } .specs { width: 260px; } .specs .first { width: 140px; } /*privacy policy*/ ul.anchors li { margin-bottom: 5px; } ul.anchors { margin-bottom: 16px; } /*operators home page*/ #pageOperators #content { width: 440px; margin: 20px auto; background: none; } #pageOperators #formQuote { background-color: #903; padding: 10px; } #pageOperators #bookingForm p { color: #903; } #pageOperators #bookingForm form p { color: #fff; } #pageOperators #bookingForm a, #pageOperators #bookingForm a:visited { color: #903; } /*credit links on home page*/ .credits { margin-left: 30px; } #footer .credits a { margin-right: 10px; color: #888; text-decoration: none; } #footer .credits a:visited { color: #888; } #footer .credits a:hover { color: #903; text-decoration: underline; } /*seo links on home page*/ #extraLinks { float: left; display: inline; width: 840px; margin-bottom: 0; background-color: #d3d3d3; } #extraLinks li { float: left; display: inline; width: 140px; margin: 0 0 5px 15px; font-size: .9em; } #extraLinks li.last { width: 190px; } #extraLinks a, #extraLinks a:visited { color: #666; text-decoration: none; } #extraLinks a:hover { text-decoration: underline; } /*language flags*/ #languages { position: absolute; top: 13px; right: 10px; } #languages li { width: 69px; float: left; display: inline; text-align: left; font-size:10px; line-height:15px; } #languages li img { margin:0px 5px 0 0; position:relative; top:2px; } #languages li a { text-decoration: none; } #languages li a, #languages li a:visited { color: #666; } #languages li a:hover { color: #903; } /*google translate widget*/ #google_translate_element { padding: 7px; margin-bottom: 1em; background-color: #eee; border: 1px solid #aaa; } #google_translate_element h3 { font-size: 15px; color: #c06; } #column2 #google_translate_element { float: left; display: inline; width: 163px; } /*affiliate banner/code download */ #pageDownloads #container h3 { font-size: 1.2em; } ol.code h4 { margin-bottom: 0.5em; font-size: 1.1em; } ol.code h5 { font-size: 1em; margin-bottom: 0.5em; } ol.code li { margin-bottom: 1.25em; } ol.code li a { margin-right: 1em; } ol.code li p.vertical a { display: block; margin-bottom: 1em; } ol.code code { display: block; margin-bottom: 1em; border: 1px solid #ccc; padding: 5px; color: #666; } /*affiliate signup form*/ #formAff { float: left; } #formAff label { float: left; display: inline; width: 140px; margin-right: 5px; } #formAff label strong { color: #903; } #formAff p { clear: left; } #formAff input.standard, #formAff select, #formAff textarea { width: 200px; } #formAff textarea { height: 100px; } /*affiliates page*/ .affiliates .listing { clear: left; margin: 0; } .affiliates .listing li { clear: left; float: left; display: inline; width: 599px; margin: 15px 0 0; } a.partner { font-weight: bold; } .affiliates .categories { margin: 0 0 10px; clear: left; float: left; } .affiliates .alphabet { margin-top: 10px; clear: left; } .affiliates .listing a.logo { float: right; display: inline; width: 177px; height: 119px; border: 1px solid #ccc; text-align: center; vertical-align: middle; } .affiliates .listing a.logo img { vertical-align: middle; margin-top: 7px; } /*affiliates page right sidebar handled differently due to logos breaking layout!*/ #featureBoxes { float: right; } /*about us - memberships*/ ul.memberships img { margin: 0.25em 0; } /*location - pick up*/ #pagePickup #column2 { width: 404px; } #pagePickup #column3 { margin-left: 16px; } #pagePickup #column2 ul li { font-weight: bold; padding-bottom: 0.5em; } /*mailing list*/ #formSignup { width: 304px; padding-top: 1em; } #formSignup p { clear: left; width: 304px; /*padding-bottom: 1em;*/ } #formSignup label { display:inline; float:left; margin-right:5px; width:95px; margin-bottom: 1em; } #formSignup label strong { color: #903; } #formSignup input { float: left; display: inline; width: 200px; } #formSignup input.button { width: auto; float: none; } #pageSignup #column2 small { color: #999; } /*special offer quote form*/ #pageSpecials h3.first { margin-bottom: 6px; font-size: 1.2em; } #pageSpecials form#formPay { width: 370px; } #pageSpecials #formPay input#list { float: left; display: inline; margin-bottom: 10px; margin-right: 7px; } #pageSpecials #formPay label.long { float: left; display: inline; margin-left: 0; padding-top: 0; } #pageSpecials form p.spaced { padding-top: 1em; } #pageSpecials form p small { color: #999; } #pageSpecials form p.actions { margin-right: 40px; } #pageSpecials form .calendaricon { margin-left: 3px; } h3.special { font-size: 1.1em; color: #c06; text-transform: uppercase; } /*virtual tour*/ #pageTour #content { background-image: none; } #pageTour #column2 { width: 620px; margin-left: 15px; } #pageTour #column3 { margin-left: 10px; } #pageTour #column2 .intro { margin-right: 170px; } #pageTour #column2 .intro p { margin-bottom: 0; } /*inspiration map*/ #pageInspiration h3.newstitle { margin-bottom: 1em; } p.standard { width: 370px; } #map { width: 599px; height: 480px; margin-bottom: 1em; } .mapmarker { width: 231px; } .mapmarker img { margin: 0.5em 0; border: 1px solid #ccc; } mapmarker h3 { color: #903; } .mapmarker p { margin-bottom: 10px; } /*news page*/ img.spaced { margin-right: 10px; } #pageNews h4 { padding: 1em 0; } /*ppc landing page*/ #banner h3 { float: right; padding: 1.5em 1em; font-size: 1.3em; color: #903; } h2.major { font-weight: bold; padding-bottom: 1em; } #reasons h3 { color: #444; font-size: 1.3em; font-weight: bold; } ol#reasons, ol#reasons li { list-style: none; margin-left: 0; } ol#reasons li { margin-bottom: 2em; } #reasons .quotes li { font-weight: bold; } #reasons .quotes li cite, #reasons .quotes li a { font-weight: normal; } .landing #highlight { bottom: 0; width: 420px; border-bottom: 0; } .landing #column1 #markets { bottom: 150px; } /* .landing #highlight h3 { padding-top: 0.5em; } .landing #highlight p.first { font-size: 1.1em; width: 210px; } .landing #highlight { position: relative; left: auto; bottom: auto; border-top: 1px solid #666; background-image:url(../images/homepage/bg-highlight145.jpg); height: 145px; } .landing #highlight { position: static; margin-top: 15px; height: 175px; background-position: top left; background-color: #333; } */ #pageHome .landing #banner #links { width: 430px; } .landing #bookingForm p, .landing #formQuote p#choosePickup, .landing #formQuote p#chooseDropoff { margin-bottom: 15px; } .landing #bookingForm h2 { font-weight: bold; font-size: 1.6em; } .landing2 #column2 { background: #333 url(../images/homepage/bg-highlight145.jpg) top right no-repeat; } #pageHome .landing #contentHome { background: none; } /*.landing2 #column1, .landing2 #column2 { min-height: 510px; height: auto; } * html .landing2 #column1, * html .landing2 #column2 { height: 510px; }*/ #pageHome .landing2 #column2 { padding-top: 11px; color: #aaa; } .landing2 #column2 h2.major { color: #fff; width: 225px; } .landing2 #column2 h3 { color: #fff; } #column2 li { line-height: 1.6em; } #column2 ul.quotes li .quote { color: #903; font-size: 1.1em; } .landing2 #column2 ul.quotes li .quote { color: #fff; } .landing2 #column2 a, .landing2 #column2 a:visited { color: #fff; } .landing2 #special { padding-bottom: 2em; } .landing h2.major { padding-bottom: 0.3em; } .landing #bookingForm { /*height: 395px;*/ min-height: 470px; height: auto; } /* .de #bookingForm { min-height: 600px !important; } * html .de #bookingForm { height: 600px !important; } */ * html .landing #bookingForm { height: 470px; } #pageHome .landing #contentHome { min-height: 300px; } * html #pageHome .landing #contentHome { height: 300px; } #pageHome .landing a.button { padding: 1px 7px 2px 15px; background: #fff url(../images/buttons/button-arrow.gif) center left no-repeat; color: #333; font-weight: bold; text-decoration: none; font-size: 1.15em; } #markets { float: left; padding: 11px 15px 0; height: 139px; border-bottom: 1px solid /*#999*/ #ccc; margin-bottom: 1em; background-color: #eee; color: #333 !important; } #column1 #markets { position:absolute; left: 0; bottom: 0; height: 129px; border-right: 1px solid #666; border-top: 1px solid #c66; background-color: #ddd; margin-bottom: 0; padding-right: 14px; } .offer #column1 #markets { height: 139px; } * html #markets { height: 150px; he\ight: 139px; } #markets ul.ticks { float: left; display: inline; width: 390px; margin-bottom: 0; } ul.ticks li { float: left; display: inline; width: 170px; margin-right: 5px; margin-bottom: 0.8em; padding-left: 20px; background: url(../images/icons/tick.gif) 0 3px no-repeat; font-size: 1.1em; } * html ul.ticks li { width: 190px; w\idth: 170px; } #pageHome #column2 h3 { padding-left: 20px; background: url(../images/icons/arrow.gif) 0 4px no-repeat; } /*reverting to text nav for landing pages*/ .fr #links li, .fr #links li a, .de #links li, .de #links li a, .textnav #links li, .textnav #links li a,.landing #links li, .landing #links li a { text-indent: 0; background: none !important; width: auto !important; } .landing #links li, .de #links li, .fr #links li, .textnav #links li { font-weight: bold; font-size: 1.1em; } .landing #links li a:hover, .de #links li a:hover, .fr #links li a:hover, .textnav #links li a:hover { color: #903; } #pageHome .landing #banner #links, #pageHome .de #banner #links, #pageHome .fr #banner #links, #pageHome .textnav #banner #links { width: auto; margin-right: 1em; } .de #links li, .fr #links li, .textnav #links li { margin-left: 25px; } /*july 2010 - availability calendar*/ .cal-avail { margin: 1.5em 0 1em; } .cal-avail td, .cal-avail th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .cal-avail th { text-align: center; } .cal-avail td { background-color: #cfc; color: #666; font-weight: bold; padding: 0; text-align: left; } .cal-avail td.invisible { background-color: #fff; } .cal-avail td.current { color: #999; font-weight: bold; } .cal-avail td.limited { background-color: #ff9; } .cal-avail td.closed { background-color: #ddd; color: #999; } .cal-avail td.bookedout { background-color: #fcc; } .cal-avail td.overbooked { border: 1px solid #903; } .cal-avail td strong { color: #903; } .cal-avail td li.warning { color: #903; } .cal-avail td div.message { margin-top: 5px; text-align: center; color: #333; line-height: 1.5em; font-size: 1.1em; font-weight: normal; } .cal-avail td { height: 60px; vertical-align: top; } .cal-avail div.digit { background-color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 20px; height: 17px; color: #333; text-align: center; padding-top: 3px; } /* Hacks -----------------------------------------------------------------------*/ .clear { clear:both; height: 0; line-height: 0px; }