body { font-family: arial; background: url(images/body_bg.png) repeat-x 50% bottom #fff; font-size: 0.75em; min-width: 970px; margin: 0; padding: 0; }

.button { text-decoration: none; text-align: center; line-height: 25px; width: 86px; height: 26px; padding: 6px; background: url(images/button_bg.png) no-repeat; color: #535353; font-size: 10px; display: inline-block;  }
.button:hover { background: url(images/button_bg_h.png); color: #086484;}

a img { border: 0; }

h1 { font-size: 1.5em;  }

h2 { font-size: 1.15em; margin-top: 2px; margin-bottom: 2px; }

h3 { font-size: 1.1em; }

form { margin: 0px; }

.footer {  width: 100%; text-align: center; color: #086484; margin-top:40px; }

.row { padding: 2px; vertical-align: top; }
.row span { width: 95px; display: inline-block; text-align: right; margin-right: 10px; float: left; padding-top: 4px; }

.arrow_button { background: url(images/arrow_button.png) no-repeat; width: 119px; height: 28px; 
display: inline-block; text-align: center; line-height: 26px; text-decoration: none; color: #fff; padding-right: 5px;
font-size: 10px; 
margin: 2px ;
 }
.arrow_button:hover { color: #c0c0c0; }


.square_button { background: url(images/square_button.png) no-repeat; width: 77px; height: 28px; 
display: inline-block; text-align: center; line-height: 26px; text-decoration: none; color: #fff; padding-right: 5px;
font-size: 10px; 
margin: 2px ;
 }
.square_button:hover { color: #c0c0c0; }



#header {
	height: 131px; 
	 background: url(images/head_bg.png) repeat-x bottom;
	 font-size: 10px; 
}

.holiday_cottages {
	height: 263px !important;
	background: url(images/hc_head_bg.png) repeat-x bottom !important; 
}

.bed_breakfast {
	height: 263px !important;;
	background: url(images/bb_head_bg.png) repeat-x bottom !important; 
}

.campsites {
	height: 263px !important;;
	background: url(images/cc_head_bg.png) repeat-x bottom !important; 
}

.hotels {
	height: 263px !important;;
	background: url(images/hh_head_bg.png) repeat-x bottom !important; 
}

.pubs_inns {
	height: 263px !important;;
	background: url(images/pi_head_bg.png) repeat-x bottom !important; 
}

.hostels {
	height: 263px !important;;
	background: url(images/ho_head_bg.png) repeat-x bottom !important; 
}


#header .logo { width: 150px; height: 85px; background: url(images/aroundabout_logo.png) no-repeat top left; color: #fff; font-size: 1px; line-height: 1px;  float: left; }
#header .logo a { width: 150px; height: 85px; padding:0; margin:0; color: #fff; text-decoration: none; display: inline-block;}

#header .top_nav { height: 60px; text-align: right; margin-right: 100px;  }
#header .top_nav a { color: #606060; text-decoration: none; text-align: center; background: url(images/button_bg.png) no-repeat center bottom; width: 98px; height: 26px; line-height: 18px; display: inline-block;}
#header .top_nav a:hover { color: #a03030; background: url(images/button_bg_h.png) no-repeat center bottom; }
#header .top_nav img { vertical-align: middle; }
#header .bottom_nav { height: 35px;  }
#header .bottom_nav a { width: 150px; height: 34px; font-size: 12px; margin:0; padding: 2px 0px;
font-weight: bold; color: #fff; line-height: 34px; text-align: center; text-decoration: none;
display: inline-block; background: url(images/tab_bg_d.png) no-repeat center top;
}

#header .bottom_nav .home_act { background: url(images/tab_bg.png); }

#header .bottom_nav .hc_act { color: #0c5262; background: url(images/hc_tab_bg.png) no-repeat center top; }
#header .bottom_nav .hc { color: #0c5262; background: url(images/hc_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .hc:hover { color: #12748e; }

#header .bottom_nav .bb_act { color: #620d0c; background: url(images/bb_tab_bg.png) no-repeat center top; }
#header .bottom_nav .bb { color: #620d0c; background: url(images/bb_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .bb:hover { color: #8f1711; }

#header .bottom_nav .cc_act { color: #0c620c; background: url(images/cc_tab_bg.png) no-repeat center top; }
#header .bottom_nav .cc { color: #0c620c; background: url(images/cc_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .cc:hover { color: #118f13;}

#header .bottom_nav .hh_act { color: #62440c; background: url(images/hh_tab_bg.png) no-repeat center top; }
#header .bottom_nav .hh { color: #62440c;  background: url(images/hh_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .hh:hover { color: #8f6311; }

#header .bottom_nav .pi_act { color: #3e0967; background: url(images/pi_tab_bg.png) no-repeat center top; }
#header .bottom_nav .pi { color: #3e0967; background: url(images/pi_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .pi:hover { color: #6a0eb0;}

#header .bottom_nav .ho_act { color: #160c96; background: url(images/ho_tab_bg.png) no-repeat center top; }
#header .bottom_nav .ho { color: #160c96;  background: url(images/ho_tab_bg_d.png) no-repeat center top; }
#header .bottom_nav .ho:hover { color: #2313e9; }


#header .search_bar { }

#header input { font-size: 10px; }
#header select { font-size: 10px; }
#header .submit_button { font-weight: bold; width: 80px;}

.featured_h1_hc { color: #0c5262 !important; height: 20px !important; }
.featured_h1_bb { color: #620d0c !important; height: 20px !important; }
.featured_h1_cc { color: #0c620c !important; height: 20px !important; }
.featured_h1_hh { color: #62440c !important; height: 20px !important; }
.featured_h1_pi { color: #3e0967 !important; height: 20px !important; }
.featured_h1_ho { color: #160c96 !important; height: 20px !important; }


#content { margin-left: auto; margin-right: auto; width: 990px; }



#fp_selector { background: url(images/frontpage_selector_top.png) no-repeat top left;
width: 422px;
height: 302px;
text-align: center; 
overflow: hidden;
float: left; 
 }
 
 

.fp_holder { width: 422px; height: 260px; margin-top: 20px; margin-bottom: 20px; overflow: hidden; }

.fp_selector_top { height: 260px; margin:  0px;  }
.fp_selector_bottom { padding-left: 20px; text-align: left; height: 260px; margin: 0px; } 
.fp_selector_bottom h1 { text-align: center; font-size: 16px; color: #808080;}
.fp_selector_bottom h1.hc { color: #12748e; }
.fp_selector_bottom h1.bb { color: #8f1711; }
.fp_selector_bottom h1.cc { color: #118f13; }
.fp_selector_bottom h1.hh { color: #8f6311; }
.fp_selector_bottom h1.pi { color: #6a0eb0; }
.fp_selector_bottom h1.ho { color: #2313e9; }



.fp_button { margin: 4px 2px 4px 2px; color: #fff; text-decoration: none; width: 189px; height: 68px; text-align: center; line-height: 65px; font-weight: bold; font-size: 14px; background: 50% 50% no-repeat; display: inline-block;}
.fp_button.hc { background: url(images/fp_hc_bg.png); }
.fp_button.hc:hover { background: url(images/fp_hc_bg_h.png); }
.fp_button.bb { background: url(images/fp_bb_bg.png); }
.fp_button.bb:hover { background: url(images/fp_bb_bg_h.png); }
.fp_button.cc { background: url(images/fp_cc_bg.png); }
.fp_button.cc:hover { background: url(images/fp_cc_bg_h.png); }
.fp_button.hh { background: url(images/fp_hh_bg.png); }
.fp_button.hh:hover { background: url(images/fp_hh_bg_h.png); }
.fp_button.pi { background: url(images/fp_pi_bg.png); }
.fp_button.pi:hover { background: url(images/fp_pi_bg_h.png); }
.fp_button.ho { background: url(images/fp_ho_bg.png); }
.fp_button.ho:hover { background: url(images/fp_ho_bg_h.png); }


#fp_welcome { background: url(images/frontpage_welcome.png) no-repeat top left;
width: 322px;
height: 302px;
text-align: left; 
overflow: hidden;
float: left; 
padding: 20px;
margin-right: 20px;
 }

#fp_welcome h1 { text-align: center; }
#fp_welcome p { margin-top: 4px; margin-bottom: 8px; font-size: 11px;}
.row textarea { width: 300px; height: 75px; }


.pages { padding: 2px; font-size: 12px;margin: 5px;  }
.pages a { padding: 5px 10px 5px 10px; border: 1px solid #e0e0e0; text-decoration: none; }
.pages a:hover { border: 1px solid #a00000; }
.pages span { padding: 5px 10px 5px 10px; border: 1px solid #e0e0e0; background: #f0f0f0; }

.listing_photos { width: 210px; text-align: center; display: inline-block; float: left; }
.listing_photos img { margin: 0; }

.listing_details { margin-left: 220px; min-height: 100px; font-size: 12px; }

.listing_contact {  font-size: 11px;  margin-left: 220px; background: url(images/contact_bg.png) repeat-x top #fff; border: 1px solid #a0a0a0; color: #404040; min-height: 20px; margin-bottom: 5px; line-height: 20px; padding-left: 5px; }
.listing_contact b { margin-right: 8px; width: 90px; display: inline-block;}

.listing_price {  font-size: 11px;  margin-left: 220px; background: url(images/contact_bg.png) repeat-x top #fff; border: 1px solid #a0a0a0; color: #404040; min-height: 20px; margin-bottom: 5px; line-height: 20px; padding-left: 5px; }
.listing_price b { margin-right: 8px; width: 90px; display: inline-block;}


.blisting_price { font-size: 11px;  margin-left: 220px; background: url(images/price_bg.png) repeat-x top #fff; border: 1px solid #00c000; color: #009000; min-height: 20px; margin-bottom: 5px; line-height: 20px; padding-left: 5px; }
.blisting_price b { margin-right: 8px; width: 90px; display: inline-block;}

.listing_late { font-size: 11px; margin-left: 220px; background: url(images/late_bg.png) repeat-x top; #fff; border: 1px solid #c00000; color: #c00000; min-height: 20px; margin-bottom: 5px; line-height: 20px; padding-left: 5px; }
.listing_late b { margin-right: 8px; width: 90px; display: inline-block;}

.listing_features { font-size: 11px; margin-left: 220px; background: url(images/more_bg.png) repeat-x top #fff; border: 1px solid #59b9ff; color: #025c9e; line-height: 20px; padding-left: 5px;  }
.listing_features b { margin-right: 8px; width: 90px; display: inline-block;}

.listing_more {  text-align: right; margin-top: 5px;   }


.availability { width: 820px;  margin-left: 60px; margin-top: 10px; clear: both; float: none;
padding: 5px; 
 background: url(images/contact_bg.png) repeat-x top #fff; border: 1px solid #a0a0a0; }

.month { }
.month span { cursor: default; font-size: 10px;  display: inline-block; width: 19px; height: 19px; text-align: center; line-height: 17px; border: 1px solid #d0d0d0; }
.month span:hover { background: #d0d0d0; color: #800000;}
.month .mname { width: 40px; background-color: #e8e8e8; cursor: default; }
.month .dname { background-color: #e8e8e8; cursor: default; }
.month .booked { background: #f08080; }

.month_hover { background-color: #800000 !important; color: #fff !important; }
.day_hover { background-color: #800000 !important; color: #fff !important; }

.ava_date_info { border: 1px solid #e0e0e0; padding: 5px; font-size: 12px; }

.error { margin-left: auto; margin-right: auto;   border: 1px solid #ff8080; background: url("images/exclamation.png") no-repeat 4% 50%; background-color: #fff0f0; padding: 10px 10px 10px 30px; margin: 10px;  text-align: center; font-weight: bold; color: #800000; }
.error p { line-height: 15px; margin: 4px;}

.information { margin-left: auto; margin-right: auto;   border: 1px solid #8080ff; background: url("images/information.png") no-repeat 4% 50%; background-color: #f0f0ff; padding: 10px 10px 10px 30px; margin: 10px;  text-align: center; font-weight: bold; color: #000080; }
.information p { line-height: 15px; margin: 4px;}


.no_date { background-color: #e8e8e8; }


.site_map { width: 200px; display: inline-block; float: left; margin: 5px; border: 1px solid #e0e0e0; padding:3px; }

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
 
.dialog.hc .content,
.dialog.hc .t,
.dialog.hc .b,
.dialog.hc .b div {
 background-image:url(images/hc_ad_bg.png);
 _background-image:url(images/hc_ad_bg.gif);
}

 
.dialog.bb .content,
.dialog.bb .t,
.dialog.bb .b,
.dialog.bb .b div {
 background-image:url(images/bb_ad_bg.png);
 _background-image:url(images/bb_ad_bg.gif);
}

 
.dialog.cc .content,
.dialog.cc .t,
.dialog.cc .b,
.dialog.cc .b div {
 background-image:url(images/cc_ad_bg.png);
 _background-image:url(images/cc_ad_bg.gif);
}

 
.dialog.hh .content,
.dialog.hh .t,
.dialog.hh .b,
.dialog.hh .b div {
 background-image:url(images/hh_ad_bg.png);
 _background-image:url(images/hh_ad_bg.gif);
}

.dialog.pi .content,
.dialog.pi .t,
.dialog.pi .b,
.dialog.pi .b div {
 background-image:url(images/pi_ad_bg.png);
 _background-image:url(images/pi_ad_bg.gif);
}

 
.dialog.ho .content,
.dialog.ho .t,
.dialog.ho .b,
.dialog.ho .b div {
 background-image:url(images/ho_ad_bg.png);
 _background-image:url(images/ho_ad_bg.gif);
}

.dialog.search_box .content,
.dialog.search_box .t,
.dialog.search_box .b,
.dialog.search_box .b div {
 background-image:url(images/search_box_bg.png);
 _background-image:url(images/search_box_bg.gif);
}

.dialog.search_box { display: block; float: left !important; width: 380px; margin-left: 25px; margin-top: 6px; }
.dialog.search_box h1 { text-align: center; min-width: 320px !important; }

.dialog.search_box .b,
.dialog.search_box .b div {
 height: 8px; /* height of bottom cap/shade */
 font-size:1px;
}

.less_options { float: left; display: block; width: 340px; }
.more_options { float: left; display: none; width: 560px; margin-left: 20px; }
.more_options label { margin-right: 20px; width: 100px; display: inline-block; }

.search_box_inner { overflow: hidden; }

.dialog.fp_latest_counties .content,
.dialog.fp_latest_counties .t,
.dialog.fp_latest_counties .b,
.dialog.fp_latest_counties .b div {  
 background-image:url(images/frontpage_selector_bottom.png);
 _background-image:url(images/search_box_bg.gif);
}

.dialog.fp_latest_counties { display: block; float: left; width: 180px; color: #fff; margin-left: 800px;  }
.dialog.fp_latest_counties h1 { text-align: center; font-size: 14px; width: 160px !important; min-width: 80px !important; margin-bottom: 2px; }
.dialog.fp_latest_counties h3 { margin: 4px;}
.dialog.fp_latest_counties a { color: #c0c0c0; text-decoration: none; }
.dialog.fp_latest_counties a:hover { color: #fff; }

.dialog.fp_latest_counties .b,
.dialog.fp_latest_counties .b div {
 height: 20px; /* height of bottom cap/shade */
 font-size:1px;
}




.dialog.featured_box .content,
.dialog.featured_box .t,
.dialog.featured_box .b,
.dialog.featured_box .b div {
 background-image:url(images/search_box_bg.png);
 _background-image:url(images/search_box_bg.gif);
}

.dialog.featured_box .content img { margin: 4px;  }
.dialog.featured_box .inner_content {  height: 122px !important; max-height: 122px !important;}
.dialog.featured_box { width: 475px; margin-left: 20px;  margin-top: 6px; float: left !important; }
.dialog.featured_box h1 { text-align: center; min-width: 320px !important; }

.dialog.featured_box .b,
.dialog.featured_box .b div {
 height: 8px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog.county_box .content,
.dialog.county_box .t,
.dialog.county_box .b,
.dialog.county_box .b div {
 background-image:url(images/search_box_bg.png);
 _background-image:url(images/search_box_bg.gif);
}

.dialog.county_box .content img { margin: 4px; }
.dialog.county_box .inner_content { max-height: 122px; height: 122px !important; overflow: hidden; }
.dialog.county_box { width: 200px; margin-top: 6px; float: left !important; }
.dialog.county_box h1 { text-align: center; min-width: 320px !important; }

.dialog.county_box .b,
.dialog.county_box .b div {
 height: 8px; /* height of bottom cap/shade */
 font-size:1px;
}


.dialog { float: none !important;
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:991px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/ad_bg.png) no-repeat top right;
 _background-image:url(images/box_1000x2000.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 6px 20px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:2000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;

}

.dialog h1 {
 padding-bottom:0px;
 padding-left: 2px; 
 line-height: 16px; 
 height: 29px; 
 font-size: 16px; 
 min-width: 400px; 
 color: #fff;
 text-transform: uppercase;
 
}

.dialog h1 img { vertical-align: top; }