/* layout / page elements */
html {
	background-color:#979391;
}
body {
	padding:0;
	margin:0;
	color:#191C1F;
}


.feedback_panel_holder {
    background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top left; 
    width:990px;
	margin:0 auto;
}

.feedback_panel {
    z-index:999;
    cursor:pointer;
    padding:5px 0;
    text-align:center;
    width:970px;
    margin:0 auto;
    background:#A7B881;
    font-weight:bold;
}

.feedback_panel a {
    color:#333;
    text-decoration:underline;
}

.crowdsound {
    z-index:9999 !important;
}

/* Z-INDICES - Define here so we can adjust easily! */

#access {
	position:relative;
	z-index:50
}



#hd { /* header wrap */
	position:relative;
	z-index:40;
}

#home_hero {
	position:relative;
	z-index:30;
}

#bd {
	position:relative;
	z-index:20;
}

#seo {
	position:relative;
	z-index:20;
}

#ft {
	position:relative;
	z-index:10;
}

/* links */
a {
	outline:none;
	text-decoration:none;
	color:#53682B;
}

a:hover {
	text-decoration:underline;
}

a.arrow {
	font-weight:bold;
	color:#53682B;
	padding-left:1em;
	background:transparent url(/_assets/img/common/link_arrow.gif) no-repeat center left; 
}

a.map {
	font-weight:bold;
	color:#53682B;
	padding-left:25px;
	font-size:108%;
	background:transparent url(/_assets/img/maps/view_on_map.gif) no-repeat center left; 
}

/* headers */

h1 {
	color:#705A29;
	font-size:167%;
	padding:0.5em 0 0.5em 0;
}

h2 {
	font-size:138.5%; /* 18px */
	color:#53682B;
	padding:1em 0;
}

h3 {
	font-size:116%; /* 14px */
	color:#53682B;
	font-weight:bold;
	padding:1.5em 0 0.5em 0;
}

.hide {
	position:absolute;
	left:-9999px;
}

.showgrid {
	background:transparent url(/_assets/img/common/grid.jpg) repeat-y top left; 
}

/* -------------- ACCESS -------------- */

#access { 
	clear:left;
	width:990px;
	margin:0 auto;
	background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top left; 
	position:relative;
}

#access ul {
	position:absolute;
	top:0;
	right:20px;	
}

#access ul li {
	display:block;
	float:left;
	padding:0.5em 0.5em 0 0.5em;
	border-left:1px solid #D7D8D9;
}

#access ul li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:85%;
	color:#191C1F;
}

#access ul li span {
	display:block;
	float:left;
}

#access ul li span.txt {
	font-size:85%;
}

#access ul li span a { 
	display:block; 
	float:left; 
	width: 17px; 
	height: 17px;
	line-height:17px;
	margin-top:-0.1em;
	margin-left:0.2em;
	text-align: center;
	vertical-align:middle; 
	color: #666; 
	text-decoration: none; 
}

#access ul li span a:hover { 
	color: #fff; 
	background:#98A480; 
	text-decoration: none !important; 
}

.sel { color: #fff !important; background:#98A480; }

.ts1 { font-size: 13px !important; }

.ts2 { font-size: 15px !important;  }

.ts3 { font-size: 17px !important;  }



/* -------------- HEADER -------------- */

#hd { /* header wrap */
	clear:left;
	width:990px;
	margin:0 auto;
	background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top left; 
}

#hd-c { /* header content */
	width:970px;
	height:130px;
	margin:0 auto;
	position:relative;
}

#hd p.logo a {
	display:block;
	position:absolute;
	top:15px;
	left:20px;
	background:transparent url(/_assets/img/common/cc_logo.jpg) no-repeat top left;
	width:250px;
	height:60px;
	text-indent:-9999px;
	text-align:center;
}

#hd p.strap {
	display:block;
	position:absolute;
	top:60px;
	right:20px;
	background:transparent url(/_assets/img/common/cc_strap.jpg) no-repeat top left;
	width:390px;
	height:15px;
	text-indent:-9999px;
	text-align:center;
}

/* nav */
.nav {
	position:absolute;
	top:90px;
	left:0px;
	height:40px;
	width:970px;
	background:transparent url(/_assets/img/common/nav_bg.jpg) repeat-x top left;
}

.nav li {
	position:relative;
	float:left;
	border-right:1px solid #38471E;
	border-left:1px solid #88966E;
}

.nav li a {
	position:relative;
	float:left;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:0.9em 2em;
	text-decoration:none;
	z-index:2;
}

.nav li a.over {
	display:block;
	background:transparent url(/_assets/img/common/nav_bg_over.jpg) repeat-x top left !important;
}

.nav li a span.over {
	display:block;
	padding-bottom:1em;
	background:transparent url(/_assets/img/common/nav_arrow.gif) no-repeat bottom center !important;
}

.nav li.first {
	border-left:none;
}

.nav li.last {
	border-right:none;
}

/* -------------- SUB NAV -------------- */

.subnav { /* box */
	position:absolute;
	display:none;
	left:-1px;
	top:40px;
	z-index:1;
}

.subnav .content {
	padding:9px 15px 0 0;
	_padding:9px 9px 0 0;
 	background:transparent url(/_assets/img/common/zui_pod_subnav.png) no-repeat top right;
}

.subnav .t {
	background:transparent url(/_assets/img/common/zui_pod_subnav.png) no-repeat top left;
}

.subnav .b {
	height:15px;
	background:transparent url(/_assets/img/common/zui_pod_subnav.png) no-repeat bottom right;
}

.subnav .b div {
	height:15px;
	background:transparent url(/_assets/img/common/zui_pod_subnav.png) no-repeat bottom left;
} 

.subnav a,
.subnav ul li a {
	float:none !important;
	border:none !important;
	padding:0 !important; 
	margin:0 !important;
	font-weight:normal !important;
	font-size:93% !important;
}

.subnav dl {
	margin:0.5em;
}

.subnav dd,
.subnav dt {
	margin:0.1em;
}

.subnav .col {	
	width:48%;
	float:left;
}

.hotels {
	width:750px !important;
} 

/* our hotels nav - england */

.england {
	float:left;
	width:480px;
	background-color:#F2F6E9;
}

.england h4 a {
	padding:0.5em !important;
	background-color:#78923D !important;
}

.england dt a { /* region */
	color:#191C1F !important;
	padding:0.1em !important;
}

.england dd a { /* hotel */
	color:#53682B !important;
	padding:0.1em !important;
}

.england a:hover {
	color:#53682B !important;
	background-color:#D2E3B0 !important;
}

/* our hotels nav - scotland */

.scotland {
	float:left;
	width:240px;
	margin:0 0 1em 1em;
	background-color:#E5F8FC;
}

.scotland h4 a {
	padding:0.5em !important;
	background-color:#1A9DB1 !important;
}

.scotland dt a { /* region */
	color:#191C1F !important;
	padding:0.1em !important;
}

.scotland dd a { /* hotel */
	color:#136676 !important;
	padding:0.1em !important;
}

.scotland a:hover {
	color:#136676 !important;
	background-color:#A4E2EF !important;
	font-size:15px;
}

/* our hotels nav - wales */

.wales {
	float:left;
	width:240px;
	margin:0 0 1em 1em;
	background-color:#F4EAE1;
}

.wales h4 a {
	padding:0.5em !important;
	background-color:#B0590A !important;
}

.wales dt a { /* region */
	color:#191C1F !important;
	padding:0.1em !important;
}

.wales dd a { /* hotel */
	color:#76450D !important;
	padding:0.1em !important;
}

.wales a:hover {
	color:#76450D !important;
	background-color:#EFB786 !important;
}


/* -------------- BODY -------------- */

#bd { /* body wrap */
	width:990px;
	margin:0 auto;
	
	background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top left;
}

/* -------------- COMMON REPEATED SECTIONS -------------- */

/* common lhs / rhs */

.lhs {
	float:left;
	/*padding:15px 10px 0 0;*/
	padding:0 10px 0 0;
	width:580px;
}
.rhs {
	float:right;
	width:300px;
	padding-right:10px;
}

/* blog style */

.blogSection {
	padding-left:15px;
	clear:both;
}
.blogSection h2 {
	color:#705A29;
	font-size:108%;
	font-weight:bold;
	padding:0 0 1em;
}
.blogSection img {
	float:left;
	margin-bottom:20px;
}
.blogSection ul {
	margin-left:15px;
}
.blogSection li {
	list-style-type:disc;
	padding:0 0 5px;
}
.blogContent {
	margin-left:150px;
}

.moreLink {
	background:transparent url(/_assets/img/common/link_arrow_down.gif) no-repeat scroll 0 5px;
	margin-top:10px;
	padding-left:15px;
}
.moreLink  a {
	color:#53682B;
	font-weight:bold;
}
.lessLink {
	background:transparent url(/_assets/img/common/link_arrow_up.gif) no-repeat scroll 0 5px;
	margin-top:10px;
	padding-left:15px;
}
.lessLink  a {
	color:#53682B;
	font-weight:bold;
}

hr {
	background-color:#CCCCCC;
	border:0 none;
	color:#CCCCCC;
	height:1px;
	margin:1em 15px 1em;
	clear:both;
}

/* trip advisor */

.ta {
	border-top:1px solid #8C8D8F;
}

.ta img {
	display:block;
	margin:1.5em 0 1em 0;
}

/* grey pod */

.grey {
	margin-bottom:1.5em;
}

.grey h4 {
	padding:0.5em;
	font-size:108%;
	font-weight:bold;
	color:#FFFFFF;
}

.grey .content {
	min-height:170px;
 	background:transparent url(/_assets/img/hotel/zui_pod_grey.gif) no-repeat top right;
}

.grey .t {
	background:transparent url(/_assets/img/hotel/zui_pod_grey.gif) no-repeat top left;
}

.grey .b {
	background:transparent url(/_assets/img/hotel/zui_pod_grey.gif) no-repeat bottom right;
}

.grey .b div {
	background:transparent url(/_assets/img/hotel/zui_pod_grey.gif) no-repeat bottom left;
}

.grey p {
	margin:1em 1em 0 1em;
	font-size:93%;
	line-height:1.3em;
}
.grey a {
	display:block;
	margin-top:1em;
	padding-bottom:1em;
}
.grey a span {
	background:transparent url(/_assets/img/common/more_right.gif) no-repeat scroll right center;
	padding:0.2em 2em 0.2em 0;
}
.grey ul {
	margin:5px 0 0 25px;
}
.grey li {
	list-style-type:disc;
	padding:0 0 5px;
}

/* green pod */

.green {
	margin-bottom:1.5em;
}

.green h4 {
	padding:0.5em;
	font-size:108%;
	font-weight:bold;
	color:#FFFFFF;
}

.green .content {
	min-height:170px;
 	background:transparent url(/_assets/img/hotel/zui_pod_dark_green.gif) no-repeat top right;
}

.green .t {
	background:transparent url(/_assets/img/hotel/zui_pod_dark_green.gif) no-repeat top left;
}

.green .b {
	background:transparent url(/_assets/img/hotel/zui_pod_dark_green.gif) no-repeat bottom right;
}

.green .b div {
	background:transparent url(/_assets/img/hotel/zui_pod_dark_green.gif) no-repeat bottom left;
}

.green p {
	margin:1em 1em 0 1em;
	font-size:93%;
	line-height:1.3em;
	padding-bottom: 1em;
}
.green ul {
	margin:5px 0 0 25px;
}
.green li {
	list-style-type:disc;
	padding:0 0 5px;
}
.green img {
	margin-top:12px;
}

/* pod header */
.pod h3 {
    padding:0.5em 0 1em 0.5em;
    color:#fff;
} 
.pod h3 a {
    color:#fff;
    text-decoration:none;
}
.pod h3 a:hover {
	text-decoration:underline;
}

/* pod image */
.pod img {
    margin: 4px 0 0 1px;
}

/* Our Hotels */
.hotelList3 h2,
.hotelList3 dl{
	clear:left;
}

.hotelList3 h2{
	padding:0 0 15px 0;
}

.hotelList3 dt{
	font-weight:bold;
	clear:left;
	margin:0 0 10px 0;
}

.hotelList3 dd { 
	float:left; 
	width:180px; 
	margin:0 10px 20px 0; 
}


.hotelList3 p a{
	text-decoration:none;
}

/*
.hotelList3 img {
	float:left;
	margin-bottom:5px;
}
*/
/* Locations */
/*
#locations .lhs {
	float:left;
	padding:0 10px 0 20px;
	width:560px;	
}
#locations .lhs h2 {
	clear:both;
	margin-bottom:5px;
	padding-top:0;
	font-size:138.5%;
}
#locations .lhs h2 a {
	text-decoration:none;
}
#locations dl {
	float:left;
	margin-bottom:20px;
	width:280px;
}
#locations dt {
	clear:both;
	margin-bottom:5px;
}
#locations dt a {
	color:#191C1F;
}
*/



/* static page */

#content {
	margin-top:20px;
}

.lhs-static {
	float:left;
	padding:0 10px 10px 10px;
	width:580px;
}

/* "other hotels", "why not upgrade" - bottom of page */
.help {
	margin-top:1em;
}

.help h4 {
	padding:0.5em;
	font-size:108%;
	font-weight:bold;
	color:#53682B;
}

.help .content {
	min-height:170px;
 	background:transparent url(/_assets/img/hotel/zui_pod_supp.gif) no-repeat top right;
}

.help .t {
	background:transparent url(/_assets/img/hotel/zui_pod_supp.gif) no-repeat top left;
}

.help .b {
	background:transparent url(/_assets/img/hotel/zui_pod_supp.gif) no-repeat bottom right;
}

.help .b div {
	background:transparent url(/_assets/img/hotel/zui_pod_supp.gif) no-repeat bottom left;
}

.help p {
	margin:1em 1em 0 1em;
	font-size:93%;
	line-height:1.3em;
}

.help a {
	display:block;
	margin:1em 1em 0 1em;
}
.help li a {
    margin: 0.5em 0.5em 0 0;
}
.help a span {
	padding:0.2em 2em 0.2em 0;
	background:transparent url(/_assets/img/common/more_right.gif) no-repeat center right; 
}


.help a,
.help a:visited {
	color:#53682B;
}

.help ul {
	font-size:93%;
	margin-left:2em;
}

.help ul li {
	list-style-type:disc;
}

.ta {
	border:none !important;
}

/* map */

.map {
	margin-top:1em;
	margin-bottom:1.5em;
 	background:transparent url(/_assets/img/common/temp_map.gif) no-repeat top right;
	height:335px;
}
.map h4 {
	padding:1em;
	font-size:108%;
	font-weight:bold;
	color:#FFFFFF;
}

/* intro and form  - our hotels / whats included*/

#intro {
	margin-top:1.5em;
}

#intro p {
	margin:1em 0;
}

#intro ul {
	margin:1em 2em;
}

#intro ul li {
	list-style-type:disc;
	padding-bottom:1em;
}

#main_form {
	margin-top:1.5em;
}

#main_content {
	margin-top:1.5em;
}

#main_content .content {
 	background:transparent url(/_assets/img/common/zui_pod_main_content.gif) no-repeat top right;
}

#main_content .t {
	background:transparent url(/_assets/img/common/zui_pod_main_content.gif) no-repeat top left;
}

#main_content .b {
	background:transparent url(/_assets/img/common/zui_pod_main_content.gif) no-repeat bottom right;
}

#main_content .b div {
	background:transparent url(/_assets/img/common/zui_pod_main_content.gif) no-repeat bottom left;
}


/* -------------- MAPS ----------------- */



.mapInfoWindow h3 {
	margin:0;
	padding:0 0 5px 0 !important;
}

.mapInfoWindow h3 a {
   color:#53682B !important;
}

.mapInfoWindow h3 b {
  display:block;
  font-size:85%;
  color:#333;
}
   

.mapInfoWindow .img { 
	float:left;
	margin:0 5px 5px 0;
	width:100px;
}

.mapInfoWindow .img img {
	border:1px solid #53682B;
}

.mapInfoWindow .copy {
	float:left;
	margin:0;
	width:200px;
}

.mapInfoWindow .copy a {
	padding-left:1em !important;
}

.mapInfoWindow .copy ul {
	margin:0 20px 10px 20px;
}

.mapInfoWindow .copy ul li {
	list-style-type:disc;
	padding-bottom:5px;
	height:auto;
}

/* map bookmarklet */

#bm { 
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:220px;
	border:3px solid #576736;
	background:#fff;
	color:#333;
	padding:10px;
}

#bm_rel {
	position:relative;
}

#bm h2 {
	padding:0;
	margin-bottom:10px;
}

#bm p {
	margin-bottom:10px;
	clear:left;
}

#bm p label {
	display:block;
	float:left;
	font-weight:bold;
	width:60px;
}

#bm p input {
	border:1px solid #576736;
	padding:0;
	margin-left:5px;
	float:left;
	display:block;
	width:120px;
}

#bm p a  {
	display:block;
	margin:20px;
	width:120px;
	text-align:center;
	border:1px solid #576736;
	background-color:#E5EDD6;
	padding:5px;
	font-weight:bold;
}

#bm_close {
	position:absolute;
	right:-5px;
	top:-5px;
	font-weight:bold;
	border:1px solid #576736;
	background-color:#E5EDD6;
	padding:2px;
}

/* map sidebar */

#GoogleMapSideBar {
	float:left;
	width:300px;
	margin:0 0 0 10px;
}


#GoogleMapSideBar h3 {
	padding-left:0 !important;
}

#GoogleMapSideBar ul {
   margin-left:20px;
}

#GoogleMapSideBar ul li {
	height:auto !important;
	list-style-type:disc;
}

#GoogleMapSideBar ul li.country {
	list-style-type:none !important;
	font-weight:bold;
	margin:5px 0 5px -15px;
}




/* -------------- SEO LINKS -------------- */

#seo { /* seo wrap */
	clear:left;
	width:990px;
	margin:0 auto;
	background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top left; 
	padding-top:20px;
}

#seo-c { /* seo content */
	width:970px;
	height:70px;
	margin:0 auto;
	background-color:#ECEEE7;
	position:relative;
}

#seo-c ul {
	padding:1em 0 1em 1.8em;
}

#seo-c ul li {
	display:block;
	float:left;
	width:12em;
	padding-bottom:1em;
}

#seo-c ul li a {
	color:#191C1F;
	display:block;
	float:left;
	text-decoration:none;
	font-size:85%; /* 10px */
}


/* -------------- FOOTER -------------- */

#ft { /* footer wrap */
	width:990px;
	margin:0 auto;
	background:transparent url(/_assets/img/common/shadow_bg.jpg) repeat-y top center;
}

#ft-c { /* footer content */
	width:970px;
	margin:0 auto;
	color:#191C1F;
	background:#D4D9CA;	
}

#ft-c ul {
	margin:0 auto;
	padding:0.8em;
}

#ft-c ul li {
	display:inline;
	border-left:1px solid #191C1F;
	padding:0 0.5em 0 1em;
}

#ft-c ul li.first {
	border-left:none;
}

#ft-c ul li a {
	text-decoration:none;
	font-size:85%; /* 10px */
	color:#191C1F;
}


/* -------------- COPYRIGHT -------------- */

#cp {
	width:990px;
	margin:0 auto;
	height:40px;
	background:#979391 url(/_assets/img/common/cp_bg.jpg) no-repeat top left;
}

#cp-c {
	width:970px;
	margin:0 auto;
}

#cp-c p {
	padding-top:10px;
	font-size:85%;
	color:#fff;
	font-weight:bold;
	text-align:right;
}

.lhs-static strong {
	font-weight:bold;
}

.lhs-static p {
	padding-bottom:10px;
}

/* -------------- INFO PAGE -------------- */
/*InfoPage curved box setup*/
#InfoPage .curvedBoxContainer,
#InfoPage .curvedBoxTop,
#InfoPage .curvedBoxBottom         { width:940px; }

#InfoPage .curvedBoxTop .centre,
#InfoPage .curvedBoxBottom .centre { width:900px; }
#InfoPage .curvedBoxContent        { width:920px; }

/*over writes pod styling, sets up type grid */
#InfoPage h1                        { padding:0; margin-bottom:5px; }
#InfoPage h2                        { color:#53682B; padding:0; margin-bottom:10px; }
#InfoPage h3                        { color:#53682B; padding:0; margin-bottom:5px;}

#InfoPage p                         { margin-bottom:10px; }
#InfoPage ol,
#InfoPage ul,
#InfoPage dl                        { margin:0 0 10px 7px;}
#InfoPage ul li                     { list-style-type:disc; margin:0 0 10px 10px; }
#InfoPage ol li                     { list-style-type:decimal; margin:0 0 10px 10px; }