@charset "utf-8";
/* CSS Document */
body,td,th {color: #000000; font-family:Arial,Georgia, "Times New Roman", Times, serif; font-size:11px;}
html{height:100%; margin:0px; padding:0px;}
body { background: url(../images/sky.gif) center top repeat-x #00a651; margin: 0px; height:100%;}
#logo{position:absolute; left:-60px; top:0px; width:339px; height:221px;}
#family{background:url(../images/strip.gif) repeat-y center; min-height:100%;}
#fun{background:url(../images/bg4.gif) no-repeat center top;  min-height:100%;}
#main{width:800px; margin:auto; position:relative; padding:190px 0px 0px 0px;}

/*top menu*/
#menu{height:114px; width:800px; background:url(../images/menu_bg.gif) repeat-x;}
#menu a strong{ display:none;}
#menu a { height:114px; display:block;}
#menu ul{ margin: 0px; padding:0px; list-style:none;}
#menu ul li{ margin:0px; padding:0px; float:left;}
#menu .home a{background:url(../images/home.gif) no-repeat; width:79px;}
#menu .offers a{background:url(../images/offers.gif) no-repeat; width:96px;}
#menu .events a{background:url(../images/events.gif) no-repeat; width:102px;}
#menu .shortBreackIdears a{background:url(../images/short_break_ideas.gif) no-repeat; width:213px;}
#menu .placesToStay a{background:url(../images/places_to_stay.gif) no-repeat; width:116px;}
#menu .funStuff a{background:url(../images/fun_stuff.gif) no-repeat; width:84px;}
#menu .dayTripPlanner a{background:url(../images/day_trip_planner.gif) no-repeat; width:110px;}


.wego{background:url(../images/should_we_go.gif) no-repeat #d6ea53; width:470px; padding:20px 20px 5px 310px; margin:0px 0px 10px 0px; clear:both;}
.wego img{ float:right; padding:0px 0px 0px 10px;}
.wego p{ margin:0px 0px 5px 0px;}
.wego h1{ margin:0px 0px 5px 0px; font-size:22px; color:#419639; height:80px;}
.wego h2{ margin:0px 0px 5px 0px; font-size:14px;}

/*titleStrip*/
.titleStrip{ padding:0px; position:relative; margin:-20px 0px 0px 0px;; width:800px; float:left;}
.titleStrip h1{ font-size:20px; color:#c302c6; padding:15px 0px 0px 0px; margin:0px;}
.titleStrip .info{ float:left; width:370px; color:#60116b;}
.titleStrip .info a{ color:#60116b;}
.titleStrip .signup{ float:left; width:310px;}
.titleStrip .back{ float:right; padding:15px 0px 0px 0px; margin:0px;}

.homepageSide{margin:0px; padding:0px 20px 0px 0px; position:relative; top:-20px; width:300px; float:left;}
.indexinfo{margin:0px; top:-20px; width:470px; float:left;font-size:13px;}

.reviews {width:240px; float:left;}
.reviews img{ float:left; margin:0px; padding:0px;}

/*news*/
#news{ width:800px; clear:both;}
#news ul{width:800px; margin:0px 0px 10px 0px; padding:0px; list-style:none;}
#news li{padding:5px 0px 0px 0px; background:#ceecfc;}
#news .imageLeft{float:left; margin:0px; padding:0px; width:130px;}
#news .info{float:left; padding:0px; margin:0px; width:650px;}
#news h1{padding:5px; margin:0px; font-size:14px;}
#news p{padding:5px; margin:0px;}
#news .more{margin:0px; padding:0px; clear:both;}
#newsheader {background:url(../images/news_bg.gif) no-repeat top #c1d72e; padding:20px 10px 10px 240px; clear:both; margin:5px 0px 10px 0px; width:550px; color:#000000; }
#newsheader a { color: #000000; }
#newsheader h1{ font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#newsheader p{margin:0px 0px 5px 0px; padding:0px;}

/*events*/
#events{ width:800px; clear:both;}
#events ul{width:800px; margin:0px 0px 10px 0px; padding:0px; list-style:none;}
#events li{padding:5px 0px 0px 0px; background:#fcb5fd;}
#events .imageLeft{float:left; margin:0px; padding:0px; width:130px;}
#events .info{float:left; padding:0px; margin:0px; width:650px;}
#events h1{padding:5px; margin:0px; font-size:14px;}
#events h3{padding:5px; margin:0px; font-size:12px;}
#events p{padding:5px; margin:0px;}
#events .more{margin:0px; padding:0px; clear:both;}
#eventsheader {background:url(../images/events_bg.gif) no-repeat top #c302c6; padding:20px 10px 10px 240px; clear:both; margin:5px 0px 0px 0px; width:550px; color:#FFFFFF; }
#eventsheader a { color: #FFFFFF; }
#eventsheader h1{ font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#eventsheader p{margin:0px 0px 5px 0px; padding:0px;}

/*placetostay*/
#placetostay{margin:0px 0px 0px 0px; padding:0px; width:540px; float:left;}

#placetostay .pagination { float: right; padding: 5px;  }
#placetostay .pages{ clear:both; padding:10px 0px; margin:0px; font-size:13px; color:#3d6cba; font-family: "Trebuchet MS";}
#placetostay .pages strong{font-size:14px;}
#placetostay .pages a{ color:#3d6cba; padding:0px 2px;}
#placetostay .pages a:hover{text-decoration:none;}
#placetostay .pages a.page_current { font-weight: bold;  }

#placetostay ul{margin:0px 0px 10px 0px; padding:0px; list-style:none;}
#placetostay li{padding:10px 0px; clear:both; border-bottom:#3d6cba 1px solid;}
#placetostay h1{ float:left; padding:0px 10px 5px 0px; margin:0px; font-size:12px;}
#placetostay h1 a{ color:#3d6cba;}
#placetostay .star{ float:left; padding:0px 0px 5px 0px; margin:0px;}
#placetostay .star img{ float:left; padding:0px; margin:0px;}
#placetostay .photo{ float:left; padding:0px; margin:0px 20px 0px 0px; width:180px; clear:left;}
#placetostay .info{ float:left; padding:0px; margin:0px; width:340px;}
#placetostay .info p{padding:0px; margin:0px;}
#placetostay .list{ float:left; padding:5px 10px 0px 0px; margin:0px; width:160px;}
#placetostay .more{clear:both; margin:0px; padding:0px; text-align:right;}

#placetostayheader {background:url(../images/accommodation_bg.jpg) no-repeat top left #0986c9; padding:180px 10px 10px 10px; clear:both; margin:5px 0px 0px 0px; width:530px; color:#FFFFFF; }
#placetostayheader a { color: #FFFFFF; }
#placetostayheader h1{ font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#placetostayheader p{margin:0px 0px 5px 0px; padding:0px;}


#footer{clear:both; padding:10px 0px; text-align:center; font-size:11px;}
#footer a{color:#525252;}
#footer a:hover{text-decoration:none;}

.imgBG {width:90px; height:90px; padding:15px; margin:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/picback.png');}
.imgBG[class] {background-image:url(../images/picback.png);}

/*search*/
#search { width:100%; clear:both;}
#searchRegions{background:#b2def5; height:80px; width:800px;  position:relative;}
#searchRegions a{ color:#133c53;}
#searchRegions h1{ margin:0px; padding:0px 0px 20px 0px; font-size:15px;}
#searchRegions ul{ margin:0px; padding:0px; width:560px; float:left;}
#searchRegions ul li{ margin:0px; padding:2px 0px 0px 0px; width:180px; float:left; list-style:none;}
#searchRegions .map{ margin:0px; padding:0px; width:110px; float:left; position: absolute; top:-40px; right:20px;}

/*searchThemes*/
#searchThemes{height:205px; background:#0283c8; width:800px; position:relative; margin-top:5px; color:#FFFFFF;}
#searchThemes a{ color:#FFFFFF;}
#searchThemes h1{ margin:0px; padding:0px 0px 5px 0px; font-size:15px;}
#searchThemes ul{ margin:0px; padding:0px; width:600px; float:left;}
#searchThemes ul li{ margin:0px; padding:2px 0px 0px 0px; width:200px; float:left; list-style:none;}
#searchThemes .monster{margin:0px; padding:0px; width:110px; float:left; position: absolute; top:48px; right:680px;}

/*searchAge*/
#searchAge{background:#75cbf8; height:30px; width:800px;  position:relative; margin-top:5px;}
#searchAge a{ color:#133c53;}
#searchAge h1{ margin:0px; padding:0px; font-size:15px;}
#searchAge ul{ margin:0px; padding:0px; width:600px; float:left;}
#searchAge ul li{ margin:0px; padding:2px 0px 0px 0px; width:150px; float:left; list-style:none;}

/*searchDates*/
#searchDates{background:#75cbf8; height:30px; width:800px;  position:relative; margin-top:5px;}
#searchDates a{ color:#133c53;}
#searchDates h1{ margin:0px; padding:0px; font-size:15px;}
#searchDates ul{ margin:0px; padding:0px; width:600px; float:left;}
#searchDates ul li{ margin:0px; padding:2px 0px 0px 0px; width:150px; float:left; list-style:none;}

/*searchShowMe*/
#searchShowMe{height:55px; background:#046ba2; width:800px; position:relative; margin-top:5px; color:#FFFFFF;}
#searchShowMe .reccommendations{float:left; padding:0px 0px 0px 5px;}
#searchShowMe .reccommendations a{background:url(../images/light.gif) no-repeat right; padding:20px 40px 5px 0px; display: block; width:160px; height:31px; color:#FFFFFF; font-size:14px;}
#searchShowMe h1{ margin:0px; padding:17px 0px 0px 0px; font-size:18px; color:#FFFFFF; float:left;}
#searchShowMe h1 b { font-style: italic; color: #FFCC66 }

/*showAll*/
#showAll{height:55px; background:#046ba2; width:800px; position:relative; margin-top:5px; color:#FFFFFF;}
#showAll p{float:left; padding:5px; margin:0px; width:600px; font-size:12px;}
#showAll h1{ margin:0px; padding:17px 0px 0px 0px; font-size:18px; color:#FFFFFF; float:left;}
#showAll h1 b { font-style: italic; color: #FFCC66 }

/*searchResults*/
#searchResults{width:100%; margin:5px 0px; padding:0px;}

#searchResults .pagination { float: right; padding: 5px;  }
#searchResults .pages{ clear:both; width:100%; height:36px; color:#FFFFFF; background:#7a0194; font-family: "Trebuchet MS"; font-size:17px; margin:0px 0px 5px 0px;}
#searchResults .pages a{ color:#d294df; font-weight: bold }
#searchResults .pages a:hover { color:#FFFFFF; }
#searchResults a.page_current { color: #FFFFFF;  }

#searchResults .pic{float:left; margin:0px; padding:0px 20px 0px 0px;}
#searchResults .info{float:left; margin:0px; padding:0px; width:600px;}
#searchResults a{color:#7a0194;}
#searchResults h1 {margin:0px; padding:0px 0px 5px 0px; font-size:17px; color:#7a0194;}
#searchResults p{margin:0px; padding:0px 0px 0px 0px;font-family:Arial,Georgia, "Times New Roman", Times, serif;font-size:13px;}
#searchResults ul{margin:0px; padding:0px; width:100%;}
#searchResults ul li{margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; clear:both; list-style:none; border-bottom:#b2def5 2px solid; height:120px; position:relative;}
#searchResults .more{margin:0px; padding:0px; width:151px; position: absolute; bottom:10px; right:0px;}
#offerheader {background:url(../images/offers_bg.gif) no-repeat top #e1282a; padding:20px 10px 10px 240px; clear:both; margin:5px 0px 0px 0px; width:550px; color:#FFFFFF; height:100px;}
#offerheader h1{ font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#offerheader p{margin:0px 0px 5px 0px; padding:0px;}
.dayplanner{padding:10px 0px 10px 0px; clear:both; margin:5px 0px 0px 0px;}

/*games*/
#games{width:800px; clear:both; margin:5px 0px 0px 0px; padding:0px;}
#games ul{margin:0px; padding:0px; width:800px;}
#games ul li{margin:0px 0px 10px 0px; padding:0px; clear:both; list-style:none; background:#91c7e4;}
#games .screengrab{width:250px; float:left; padding:10px 0px 0px 10px;}
#games .info{float:left; padding:10px 10px 0px 0px; width:500px;}
#games h1{font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#games p{margin:0px 0px 5px 0px; padding:0px;}
#gamesheader {background:url(../images/games_bg.gif) no-repeat top #00a6ff; padding:20px 10px 10px 240px; clear:both; margin:5px 0px 10px 0px; width:550px; color:#FFFFFF; height:100px;}
#gamesheader h1{ font-size:14px; margin:0px 0px 5px 0px; padding:0px;}
#gamesheader p{margin:0px 0px 5px 0px; padding:0px;}

/* shoestring */
#shoestring { width:800px; clear:both; background:#ceecfc;}
#shoestring h1{padding:5px; margin:0px; font-size:14px;}
#shoestring p{padding:5px; margin:0px;}

/*side search*/
.findPlaceSearch{float:left; width:230px; margin:0px 20px 0px 0px; padding:0px; background:#e7f0fc; color:#3e6dbb;}
.findPlaceSearch h1{ margin:0px; padding:0px; font-size:13px;}
.findPlaceSearch .rank{float:left; width:60px; padding:2px;}

.attractionDetails{width:800px; position:relative; padding:0px; margin:10px 0px 0px 0px;}
.attractionDetails .img{float:left; padding:0px 10px 0px 0px;}
.attractionDetails .details{float: left; width:380px;}
.attractionDetails .details h1{ padding:0px; margin:0px; font-size:18px;}
.attractionDetails .details h2{ padding:0px; margin:0px; font-size:14px;}
.attractionDetails .details h3{ padding:0px; margin:0px; font-size:12px;}
.attractionDetails .details p{ padding:0px; margin:0px 0px 10px 0px;}

.attractionDetails .side{float:left; width:350px; padding:0px 0px 0px 20px; margin:0px; font-weight:bold;}
.attractionDetails .side a { color:#FFFFFF;}
.attractionDetails .side td { color:#FFFFFF; }

#map{ width: 800px; height: 500px;}
#map h1{ margin:0px 0px 5px 0px; padding:0px; color:#7a0194; font-weight:bold; font-size:12px;}
#map h1 a{color:#7a0194;}
#map p{ margin:0px 0px 5px 0px; padding:0px;}
.map_main{padding:0px 5px; width:300px; height: 130px;}

#registerForm input {display:block; float:left; margin:3px 0; letter-spacing:normal; width: 300px; }
#registerForm input.submit { width: 100px; clear: both }
#registerForm label {display:block; float:left; clear:both; margin:6px 0; letter-spacing:normal; width: 10em}

#registerForm fieldset {margin:0 5px 10px 5px; border:1px #cccccc dotted; padding: 5px;}
#registerForm fieldset div { width: 450px }
#registerForm legend {padding:0 5px; background-color:#ffffff; color:#6C2A73;}

#spe_competition { }
#spe_competition label { width: 9em; float: left; text-align: right; margin-right: 0.5em; display: block; }
#spe_competition p { margin: 6px; }

/* Competitions */
#competition { background: #ED176A; width:780px; }
#competition a { color: #ffffff }
#competition li { padding-bottom: 10px }

#competition #title { font-weight: bold; font-size: 14px; padding: 1px 20px 10px 20px }
#competition #col1 { float:left; width:310px; padding-left: 20px; }
#competition #col1 img { border: 7px solid #ffffff }
#competition #col2 { float:left; width:200px; margin-left:20px;}
#competition #col3 { float:left; width:180px; margin:0 0 0 20px; }

