/* color palette - Cream Content BK:#E9D89C; ;*/ @media screen { * { margin: 0; padding: 0; xborder: 1px red solid; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { color: #000000; font: normal 12px Tahoma; text-align: center; background:url('/images/alton-towers-breaks/2009/mainbg.gif') repeat-x scroll center top #ffffff;} p, object, embed { margin: 0 0 0 0; } p.blueText { font-weight: bold; color: #28134a; } h1 { font-size: 16px; color: #28134a; } h2, h3 { font-size: 14px; color: #28134a; } h4, h5, h6 { font-size: 12px; } a, a:link { text-decoration: none; cursor: pointer; color: #016CA0; outline: none;} strong, b, .strong { font-weight: bold; font-style: normal; } img { border: 0; padding: 0; } ul { margin: 10px 0; } li { list-style-type: none; padding: 0; margin: 0; } select, input { font: normal 12px Verdana, Helvetica, sans-serif; } select > option { padding-left: 3px; padding-right: 2px; } /* FF fix for the select after all elements set to 0 */ /* Regular Classes */ .offset { position: absolute; left: -5000px; display: none; } .fl { float: left } .fr { float: right } .imgFl { float: left; padding: 5px 12px 10px 20px; } .imgFr { float: right; padding: 5px 25px 10px 5px; } .bold { font-weight: bold; } .em { font-style: italic; font-size: 11px; } .clear { clear: both; } #clear{ clear:left;} p.smallText { font-size: 10px; } body div#toolTip { background: #28134A; border: 2px double #fff; -moz-border-radius: 5px; max-width: 300px; padding: 5px; color: #fff; z-index: 5000; } /* Structure */ #outerWrapper {text-align: left; width: 960px; margin:0 auto; overflow: hidden;} #outerWrapper #header { width: 960px; height: 143px; float: left; position: relative; background: url('/images/alton-towers-breaks/2009/logo.png') no-repeat; } /* HeaderCom*/ #outerWrapper #headerCom { width: 960px; height: 143px; float: left; position: relative; background: url('/images/alton-towers-breaks/2009/logoCom.gif') no-repeat; } * html #outerWrapper #headerCom { background: url('/images/alton-towers-breaks/2009/logo.gif') no-repeat; } #outerWrapper #headerCom .logo { width: 132px; height: 132px; float: left; } #outerWrapper #headerCom form#searchfrm { font-weight: bold; font-size: 14px; width: 230px; color: #000; position: absolute; top: 70px; left: 245px; } * html #outerWrapper #header { background: url('/images/alton-towers-breaks/2009/logo.gif') no-repeat; } #top { float: left; width: 960px; height: 228px; } *html #top { margin-top: -18px; } #headerText { float:left; position: relative; bottom:170px; left:20px; color:#ffffff; font-size:14pt; width:180px; height:100px; } #outerWrapper #header .logo { width: 132px; height: 132px; float: left; } #outerWrapper #header form#searchfrm { font-weight: bold; font-size: 14px; width: 230px; color: #000; position: absolute; top: 70px; left: 245px; } #outerWrapper #contentWrapper2 { width: 960px; margin: 0px; padding: 0px;float: left; position: relative; background: #E9D89C; } *html #contentWrapper2 { top: -3px; } *:first-child+html #contentWrapper2 { top: -3px; } #outerWrapper #contentWrapper2 #content { background: url('/images/alton-towers-breaks/2009/contentRepeater.gif') repeat-y; width: 626px; float: left; } #content p, h1, h2 { padding-left: 15px; padding-right: 18px; margin-bottom: 10px; } #content h2 { margin-top: 10px; } #content a:hover { text-decoration: underline; } #content ul { padding-left: 15px; padding-right: 10px; margin-bottom: 10px; } #contentTop {background: url('/images/alton-towers-breaks/2009/contentTop.gif') no-repeat; width: 626px; height:34px; float: left; } #contentBottom {background: url('/images/alton-towers-breaks/2009/contentBottom.gif') no-repeat; width: 626px; height:34px; float: left; } #outerWrapper #contentWrapper2 #rightColumn2 { float: right; padding: 0; overflow: hidden; position: relative; } *html #rightColumn2 { width: 330px; overflow: none!important; height: 700px; } #rightColumn2 p { color: #ffffff; width: 300px; margin-left: 15px; } /* Right Col */ #ad {margin:0px 0px 6px 0px;} .adTop { background: url('/images/alton-towers-breaks/2009/adTop.gif'); background-repeat: no-repeat; width: 333px; height: 30px; } .adRepeater { background: url('/images/alton-towers-breaks/2009/adRepeater.gif'); background-repeat: repeat-y; width: 333px; height: 160px; overflow: hidden; } .adImg {background: url('/images/alton-towers-breaks/2009/suitcaseRoll.jpg') no-repeat; width:115px; height: 115px; border: 0; margin-left: 20px; } .adImg:hover { background-position: -115px 0; } .adContent { width:160px; height:90px; float:right; position:relative; bottom:105px; right:35px;} *html .adContent { left: 125px; right: 0px; } p.adText1 { color: #652900!important; font: normal 14pt Tahoma;} p.adText2 { color: #652900!important; font: normal 22pt Tahoma; padding-left:15px;} .adButton { background: url('/images/alton-towers-breaks/2009/searchButtonOrangeRoll.gif') no-repeat; width:152px; height: 31px; border: 0; position: relative; float: right; left: 115px; bottom: 10px; } .adButton:hover { background-position: -152px 0; } *html .adButton { background: url('/images/alton-towers-breaks/2009/searchButtonOrangeRoll.gif') no-repeat; left: 0px; bottom: 100px; margin-right: 20px; } *html .adButton:hover { background-position: -152px 0; } .adBottom { background: url('/images/alton-towers-breaks/2009/adBottom.gif'); background-repeat: no-repeat; width: 333px; height: 30px; margin-bottom: 7px; } #signup { margin:0px 0px 6px 0px; } #signup p { color:black; padding-top:3px; } .signupTop { background: url('/images/alton-towers-breaks/2009/signupTop.gif'); background-repeat: no-repeat; width: 333px; height: 27px; } .signupRepeater { background: url('/images/alton-towers-breaks/2009/signupRepeater.gif'); background-repeat: repeat-y; width: 333px; } .signupBottom { background: url('/images/alton-towers-breaks/2009/signupBottom.gif'); background-repeat: no-repeat; width: 333px; height: 27px; } .signupWhiteTop { background: url('/images/alton-towers-breaks/2009/signupWhiteTop.gif'); background-repeat: no-repeat; width: 282px; height: 89px; margin-left:22px; } .signupWhiteRepeater { background: url('/images/alton-towers-breaks/2009/signupWhiteRepeater.gif'); background-repeat: repeat-y; width: 282px; margin-left:22px;} .signupWhiteBottom { background: url('/images/alton-towers-breaks/2009/signupWhiteBottom.gif'); background-repeat: no-repeat; width: 282px; height: 11px; margin-left:22px; } #surname, #emailaddress { width: 135px; } #sendmail { margin-left: 14px; margin-top: 5px; color: #ffffff } .dataSubmit, #rightColumn2 form .dataSubmit { background: url('/images/alton-towers-breaks/2009/signupButtonRoll.gif') no-repeat; width:77px; height: 20px; border: 0; margin: 10px 0px 0px 10px; cursor: pointer; outline:none;} .dataSubmit, #rightColumn2 form .dataSubmit:hover { background-position: -77px 0; } #extra a { font-weight: bold; color: #ffffff; } .extraTop { background: url('/images/alton-towers-breaks/2009/extraTop.gif'); background-repeat: no-repeat; width: 333px; height: 30px; } .extraRepeater { background: url('/images/alton-towers-breaks/2009/extraRepeater.gif'); background-repeat: repeat-y; width: 333px; overflow: hidden;} .extraContent { width: 190px; height: 70px; } .extraBottom { background: url('/images/alton-towers-breaks/2009/extraBottom.gif'); background-repeat: no-repeat; width: 333px; height: 30px; } .headerTitle { margin-left: 15px; } .headerTitleExtra { margin-left: 15px; margin-bottom: 10px; } .headerTitleEngine { margin-left: 20px; margin-top: -10px; padding-bottom: 5px; } *html .headerTitleEngine { margin-top: 0px; } .kgf { margin-bottom: 7px; } /* Extra/New Right Col Styles */ #openAd {margin:0px 0px 5px 0px;} /* Main Content Area*/ #introContent { color: #2B1F0A; width: 585px; margin-left: 15px; } #hotel-list { margin-left: 30px; margin-top: 10px;} #hotel-list h2 { margin: 0px; padding: 0px; color: #422867; } #hotelDetails h2 { padding-top: 10px; } #hotel-list li { list-style-type: disc; } .hotelResult { width: 550px; height: 160px; } .hotelImage { border: 2px solid #422867; padding: 4px; float: left; margin-top: 10px; } .hotelImage:hover { background-color: #422867; } .hotelImagePage { border: 2px solid #422867; padding: 4px; float: left; margin: 5px 15px 0px 25px; } .hotelItem { width: 450px; height: 150px; float: right; } .hotelLabelBlue { color: #00008B; } .bookOnlineButton { margin-right: 30px; } #sortBy { color: #ffffff; margin-left: 20px; margin-top: -5px; background-color: #422867; width: 565px; height: 10px; padding: 5px; } *:first-child+html #sortBy {margin-top: 0px; height: 15px; } #viewBy { color: #ffffff; margin-left: 20px; background-color: #422867; width: 565px; height: 20px; padding: 5px; } #viewBy a { font-weight: bold; color: #ffffff; } #attractionList { width: 570px; height: 610px; margin-left: 10px; } #attractionList li { border-bottom:solid 1px #808080; width: 240px; height: 135px; float: left; margin-left:20px; margin-top: 10px; } #attractionList h2 { margin:0px 0px 5px 0px!important; padding: 0px; color: #067B8F; } #attractionList p { font-size: 12px; line-height: 10pt; width: 150px; height: 65px; float: right; margin:0px!important; padding:0px!important; } .attImgSmall { margin-right: 32px; margin-top: 12px; background: url('/images/alton-towers-breaks/2009/attFindButtonRoll.gif') no-repeat; width:111px; height:22px; } .attImgSmall:hover { background-position: -111px 0; } .attImgSmallNew { margin-right: 22px; background: url('/images/alton-towers-breaks/2009/attNewButtonRoll.gif') no-repeat; width:122px; height:35px; } .attImgSmallNew:hover { background-position: -122px 0; } #theme-list { margin-left: 20px; } .themeResult { border-bottom:solid #F53238 1px; padding-bottom: 20px; margin-top: 20px; width: 565px; overflow: hidden; } .leftColumnTheme { border: #F53238 solid 3px; width: 200px; float: left; background-color: #F53238; color: white;} .rightColumnTheme { width: 355px; float: right; } .themeImage { margin-bottom: 10px; } .themeHeader { background-color: #F53238; width: 540px; height: 25px; margin-left: 20px;padding-top: 5px; color: #ffffff; } .themeparkImg { border:solid #F53238 1px; float: left; margin-left: 30px; } .themeparkImg:hover { border:solid #016CA0 1px; } .themeHeaderShort { background-color: #F53238; width: 330px; height: 25px; margin-left: 225px; padding-top: 5px; color: #ffffff; } .themeHeaderShort:hover { background-color: #016CA0; } .themeText { width: 340px; height: 140px; margin-left: 210px; } .rideNavLeft { float: left; width: 300px; margin-left: 20px; } .rideNavRight { float: right; width: 285px; } #thrillList, #laughsList, #magicList { margin-left: 15px; margin-top: -8px; } #thrills, #laughs, #magic { cursor: pointer; } #arrowImg { margin-right: 3px; cursor: pointer; } .searchresults, #f2, .resultbar { width: 580px; margin-left: 20px; margin-top: 10px; } #map { margin-left: 32px; } #park_details .infantsFreeNote {margin-bottom: 5px;} #park_details .kgfTwoNight {margin-bottom: 5px;} /* Engine */ #hxAltonFormID { margin-left: 20px; color: #ffffff; } .dropdown, .spanBlock { margin-bottom: 3px; } #hxTicketDetails { width: 265px; float: left; text-align: right; } #hxTicketDetails label { float:left; } #hxHotelDetails { width: 290px; float: right; } #hxHeading { display: none; } .hxAltonSubmitButton { background: url('/images/alton-towers-breaks/2009/submitButtonRoll.gif') no-repeat; width: 181px; height: 37px; border: 0; font-size: 0; cursor: pointer; outline:none; margin-top:10px; margin-left: 35px; } .hxAltonSubmitButton:hover { background-position: -181px 0; } #hxRoomOneInfantSpan, #hxRoomTwoInfantSpan { margin-left: 35px; } #Nights { margin-left: 70px; } #hxHotelDateSpan .hxAltonFormElement { margin-left: 15px; } .engineRepeater, .engineTop, .engineBottom { margin: 0; width: 626px; } .engineRepeater { background: url('/images/alton-towers-breaks/2009/bookingRepeater.gif') repeat-y; } .engineTop { background: url('/images/alton-towers-breaks/2009/bookingTop.gif') no-repeat; height: 30px; } .engineBottom { background: url('/images/alton-towers-breaks/2009/bookingBottom.gif') no-repeat; height: 30px; } a#moreRooms { color: #28134A; } .officialPartner {margin:5px 0px 0px 0px;} /* Navigation */ #navigation { position: relative; top: 90px; left: 180px; width: 940px; height: 30px; } *html #navigation {top: -40px; left: 0px;} *:first-child+html #navigation {top: -40px; left: 0px;} ul.navigation li { float:left; } ul.navigation {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; display:block; } .navigation a { color:#FFFFFF; display:block; padding-left:5px; padding-right:5px; padding-top:0; font-size:95%; } #navigation a { background:transparent url('/images/alton-towers-breaks/2009/nav/mainnavbg.png') no-repeat scroll right bottom; display:inline-block; font-size:100%; padding:0 15px; height:100%; } #navigation ul.navigation li { line-height:27px; margin:0 0 0 7px; background:#dadada url('/images/alton-towers-breaks/2009/nav/mainnavselected.png') no-repeat scroll left top; padding:0px; } #navigation ul.navigation li a:hover{ background:#dadada url('/images/alton-towers-breaks/2009/nav/mainnavselected.png') no-repeat scroll left top; color:#000000; text-decoration:none; } #navigation ul.navigation li.item1, #navigation ul.navigation li.selected1 { background:#5689e4 url('/images/alton-towers-breaks/2009/nav/mainnavleft1.png') no-repeat scroll left top; margin-left:0; } #navigation ul.navigation li.selected1 { background:#c16fbb url(/Images/navigation/mainnavselected.png) no-repeat scroll left top; } #navigation ul.navigation li.item2 { background:#c16fbb url('/images/alton-towers-breaks/2009/nav/mainnavleft2.png') no-repeat scroll left top; } #navigation ul.navigation li.item3 { background:#7bcfd1 url('/images/alton-towers-breaks/2009/nav/mainnavleft3.png') no-repeat scroll left top; } #navigation ul.navigation li.item4 { background:#59ca78 url('/images/alton-towers-breaks/2009/nav/mainnavleft4.png') no-repeat scroll left top; } #navigation ul.navigation li.item5 { background:#e99768 url('/images/alton-towers-breaks/2009/nav/mainnavleft5.png') no-repeat scroll left top; } #navigation ul.navigation li.item6 { background:#df5c61 url('/images/alton-towers-breaks/2009/nav/mainnavleft6.png') no-repeat scroll left top; } #navigation ul.navigation li.item7 { background:#68b0bf url('/images/alton-towers-breaks/2009/nav/mainnavleft7.png') no-repeat scroll left top; } #navigation ul.navigation li.selected1 a, #navigation ul.navigation li.item1 a:hover {color:#5689e4; } #navigation ul.navigation li.selected2 a, #navigation ul.navigation li.item2 a:hover {color:#c16fbb; } #navigation ul.navigation li.selected3 a, #navigation ul.navigation li.item3 a:hover {color:#7bcfd1; } #navigation ul.navigation li.selected4 a, #navigation ul.navigation li.item4 a:hover {color:#59ca78; } #navigation ul.navigation li.selected5 a, #navigation ul.navigation li.item5 a:hover {color:#e99768; } #navigation ul.navigation li.selected6 a, #navigation ul.navigation li.item6 a:hover {color:#df5c61; } #navigation ul.navigation li.selected7 a, #navigation ul.navigation li.item7 a:hover {color:#7d64c9; } #navigation ul { background-image:url('/images/alton-towers-breaks/2009/nav/mainnavbg.gif'); background-position:center center; background-repeat:repeat-x; float:right; display:inline-block; font-weight:bold; } /* navigationCom */ #navigationCom { position: relative; top: 90px; left: 0px; width: 940px; height: 30px; } *html #navigationCom {top: -40px; left: 0px;} *:first-child+html #navigationCom {top: -40px; left: 0px;} ul.navigationCom li { float:left; } ul.navigationCom {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; display:block; } .navigationCom a { color:#FFFFFF; display:block; padding-left:5px; padding-right:5px; padding-top:0; font-size:95%; } #navigationCom a { background:transparent url('/images/alton-towers-breaks/2009/nav/mainnavbg.png') no-repeat scroll right bottom; display:inline-block; font-size:100%; padding:0 15px; height:100%; } #navigationCom ul.navigationCom li { line-height:27px; margin:0 0 0 7px; background:#dadada url('/images/alton-towers-breaks/2009/nav/mainnavselected.png') no-repeat scroll left top; padding:0px; } #navigationCom ul.navigationCom li a:hover{ background:#dadada url('/images/alton-towers-breaks/2009/nav/mainnavselected.png') no-repeat scroll left top; color:#000000; text-decoration:none; } #navigationCom ul.navigationCom li.item1, #navigationCom ul.navigationCom li.selected1 { background:#5689e4 url('/images/alton-towers-breaks/2009/nav/mainnavleft1.png') no-repeat scroll left top; margin-left:0; } #navigationCom ul.navigationCom li.selected1 { background:#c16fbb url(/Images/navigationCom/mainnavselected.png) no-repeat scroll left top; } #navigationCom ul.navigationCom li.item2 { background:#c16fbb url('/images/alton-towers-breaks/2009/nav/mainnavleft2.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.item3 { background:#7bcfd1 url('/images/alton-towers-breaks/2009/nav/mainnavleft3.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.item4 { background:#59ca78 url('/images/alton-towers-breaks/2009/nav/mainnavleft4.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.item5 { background:#e99768 url('/images/alton-towers-breaks/2009/nav/mainnavleft5.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.item6 { background:#df5c61 url('/images/alton-towers-breaks/2009/nav/mainnavleft6.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.item7 { background:#68b0bf url('/images/alton-towers-breaks/2009/nav/mainnavleft7.png') no-repeat scroll left top; } #navigationCom ul.navigationCom li.selected1 a, #navigationCom ul.navigationCom li.item1 a:hover {color:#5689e4; } #navigationCom ul.navigationCom li.selected2 a, #navigationCom ul.navigationCom li.item2 a:hover {color:#c16fbb; } #navigationCom ul.navigationCom li.selected3 a, #navigationCom ul.navigationCom li.item3 a:hover {color:#7bcfd1; } #navigationCom ul.navigationCom li.selected4 a, #navigationCom ul.navigationCom li.item4 a:hover {color:#59ca78; } #navigationCom ul.navigationCom li.selected5 a, #navigationCom ul.navigationCom li.item5 a:hover {color:#e99768; } #navigationCom ul.navigationCom li.selected6 a, #navigationCom ul.navigationCom li.item6 a:hover {color:#df5c61; } #navigationCom ul.navigationCom li.selected7 a, #navigationCom ul.navigationCom li.item7 a:hover {color:#7d64c9; } #navigationCom ul { background-image:url('/images/alton-towers-breaks/2009/nav/mainnavbg.gif'); background-position:center center; background-repeat:repeat-x; float:right; display:inline-block; font-weight:bold; } #breadcrumb { width: 593px; height: 30px; float: right; margin-top: 82px; } *html #breadcrumb { margin-top: -47px; } *:first-child+html #breadcrumb { margin-top: -47px; } #breadcrumb ul li { display: inline; color: #ffffff } #breadcrumb li a { color: #ffffff; text-decoration: none; } #breadcrumb li a:hover { text-decoration: underline; } #f { width: 200px; height: 30px; float: right; position: relative; top: 10px; } .searchGo { background: url('/images/alton-towers-breaks/2009/searchButton.gif'); background-repeat: no-repeat; border: 0; cursor: pointer; outline: none; width: 24px; height: 24px; position: relative; left: 5px; top:5px\9; } *:first-child+html .searchGo {top:3px;} /* Footer */ #footer { background: url('/images/alton-towers-breaks/2009/footer.gif'); background-repeat: repeat-x; height: 161px; } *html #footer { margin-top: -3px; } *:first-child+html #footer { margin-top: -3px; } #footerNav {position:relative;top:25px;} p.footerText {position:relative; top:40px; color:#9597BD; font-size:12px;} #footer #footerNav ul {position:relative; margin:0px;} #footerNav a {cursor: pointer; color: #ffffff;} #footerNav a:link {cursor: pointer; color: #ffffff;} #footer li { display: inline; border-right: 1px solid #ffffff; padding: 0 5px 0 5px; margin-left:0px;} html>body #footer li { padding: 0 5px 0 5px; } #footer li.last { border: 0; } /* --- Extra'ish styles --- */ .bee {margin-left: 32px;} .beeBlue { float: right; position: relative; bottom: 100px; right: 30px; } } .bee1{ position:absolute; margin-top:295px; margin-left:150px; z-index:99; } #beeSwitch{ float:right; margin-right:15px; margin-top:90px; color:#ffffff; border:1px solid #7157AF; background-color:#7157AF; } @media print { body { font: 10pt Arial, Verdana, sans-serif; color: #000; background: #fff; width: 90%; } div#globalNavigation, #leftColumn, #footer, #dataCapture, #engine, #holdingPage, #accessList, #hxMap1 { display: none; } h1, h2, h3, h4, h5, h6 { font-size: 14pt; } p { font-size: 12pt; } img { display: none; } #rightColumn { display: block; } } #outerWrapper #contentWrapper2 .contentCom { background:url("/images/alton-towers-breaks/2009/contentRepeater2.gif") repeat-y scroll 0 0 transparent; float:left; width:960px;} .contentCom p, h1, h2 { margin-bottom:10px; padding-left:15px; padding-right:18px;} .contentTopCom {background: url('/images/alton-towers-breaks/2009/contentTop2.gif') no-repeat; width: 960px; height:34px; float: left; } .contentBottomCom {background: url('/images/alton-towers-breaks/2009/contentBottom2.gif') no-repeat; width: 960px; height:34px; float: left; }