@import "reset.css";

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

#body-home {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/home/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#body-home iframe{
	float: right;
	margin-right: 30px;
	margin-top: 10px;
}
#body-apartment {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/apartment/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-rooms {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/rooms/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-rooms iframe{
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
#body-restaurant {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/restaurant/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-offers {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/offers/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-see {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/see-and-do/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-news {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/news/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-contact {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/contact/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-partners {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/partners/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-legal {
	margin:0px;
	background-color: #302f2f;
	background-image: url(../backgrounds/legal/rotate.php);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

img {
	border-style: none;
	display: block;
}


em {
	font-style: normal;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.float-left {
	float: left;	
}
.float-right {
	float: right;	
}

abbr, acronym {
	cursor: help;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/* HEADER
----------------------------------------------- */
	
#header {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	width: 952px;
	background-image: url(../media/Telephone.png);
	background-repeat: no-repeat;
	background-position: right 66px;
	z-index: 9999;
	height: 160px;
	margin-bottom: 10px;
}
#branding {
	height: 130px;
	width: 249px;
	background-image: url(../media/The-Castle.gif);
	background-repeat: no-repeat;
	float: left;
}
#language {
	background-image: url(../media/Bgd-Language.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 44px;
	width: 213px;
	float: right;
	margin-top: 10px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
#language ul {
	margin-left: 10px;
	margin-top: 10px;	
}
#language li {
	float: left;
	line-height: 16px;
}
#english a {
	background-image: url(../media/Flag-UK-Off.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 24px;
	display: block;
	text-indent: -9999px;
	margin-left: 10px;
	cursor: pointer;
}
#english a:hover, #english .selected {
	background-image: url(../media/Flag-UK-On.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 24px;
	display: block;
	text-indent: -9999px;
	margin-left: 10px;
}
#seperator {
	background-image: url(../media/Language-Pixels.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 1px;
	background-position: center center;
	margin-right: 8px;
	margin-left: 8px;
	text-indent: -9999px;
}
#cymraeg a {
	background-image: url(../media/Flag-Wales-Off.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 24px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
#cymraeg a:hover, #cymraeg .selected {
	background-image: url(../media/Flag-Wales-On.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 24px;
	display: block;
	text-indent: -9999px;
}



/* CONTENT
----------------------------------------------- */

#content {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../media/Tile-Content.png);
	background-repeat: repeat-y;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	z-index: 1;
}

/* HEADERS
----------------------------------------------- */

h1 {
	margin: 0px;
	font-size: 27px;
	text-indent: -9999px;
	color: #252115;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}

/* HEADERS LEFT
----------------------------------------------- */

#welcome {
	text-indent: -9999px;
	background-image: url(../media/H-Welcome.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#rooms {
	text-indent: -9999px;
	background-image: url(../media/H-Rooms.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#apartment {
	text-indent: -9999px;
	background-image: url(../media/H-Apartment.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#special-offers {
	text-indent: -9999px;
	background-image: url(../media/H-Special.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#restaurant-bar {
	text-indent: -9999px;
	background-image: url(../media/H-Restaurant-Bar.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#see-do {
	text-indent: -9999px;
	background-image: url(../media/H-See-Do.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#news-events {
	text-indent: -9999px;
	background-image: url(../media/H-News-Events.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#contact {
	text-indent: -9999px;
	background-image: url(../media/H-Contact-Us.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#newsletter {
	text-indent: -9999px;
	background-image: url(../media/H-Newsletter-Promotions.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#partners {
	text-indent: -9999px;
	background-image: url(../media/H-Tourism-Partners.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#privacy {
	text-indent: -9999px;
	background-image: url(../media/H-Privacy-Policy.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#terms {
	text-indent: -9999px;
	background-image: url(../media/H-Terms.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#accessibility {
	text-indent: -9999px;
	background-image: url(../media/H-Accessibility.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}
#thanks {
	text-indent: -9999px;
	background-image: url(../media/H-Thanks.png);
	background-repeat: no-repeat;
	height: 93px;
	margin-left: 30px;
}

/* DROP NAV
----------------------------------------------- */

#nav, #nav ul {  /* all lists */
	list-style: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 952px;
	position: relative;
	z-index: 100;
}

#nav a {
	display: block;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	background-repeat: no-repeat;
	color: #4c4c4b;
	background-color: transparent;
	z-index: 50;
}

#nav li a:hover {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

#nav li a.on {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	color: #FFF;
	background-image: url(../media/Btn-On.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
#nav li {  /* all list items */
	float: left;
	margin-right: 1px;
	background-image: url(../media/Btn-Normal.gif);
	width: 135px;
	cursor: pointer;
	color: #4c4c4b;
}
/*

filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	
*/

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	width: 136px;
	w\idth: 133px;
	height: auto;
	font-weight: normal;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	margin: 0px;
	cursor: pointer;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../media/Btn-Bgd.png);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-top-color: #FFF;
	z-index: 10;
}

#nav li li {
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	text-align: center;
	width: 133px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}

#nav li ul a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	display: block;
	cursor: pointer;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #4c4c4b;
	cursor: pointer;
}

#nav li:hover, #nav li.sfhover { /* lists nested under hovered list items */
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	color: #4c4c4b;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}
#nav li li:hover, #nav li li.sfhover { /* lists nested under hovered list items */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	color: #4c4c4b;
	display: block;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	background-image: url(../media/Btn-On-Drop.png);
	background-repeat: repeat;
}

#nav li li a.on-drop {
	background-image: url(../media/Btn-On-Drop.png);
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0px;
	background-repeat: repeat;
}






/* LEFT CONTENT
----------------------------------------------- */

#left-content {
	color: #CCC;
	font-size: 14px;
	width: 670px;
	float: left;
	clear: left;
	line-height: 20px;
	padding-bottom: 10px;
	z-index: 2;
}

#left-content p {
	padding-bottom: 15px;
	margin: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
}
#left-content p a {
	background-color: #FED668;
	color: #333;
	text-decoration: underline;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}
#left-content p a:hover {
	background-color: #00c0ff;
	color: #000;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}

/* FOLLOW
----------------------------------------------- */
#left-content #follow {
	margin: 0px;
	padding: 0px;
}
#left-content #follow strong {
	font-weight: bold;
	color: #FDD562;
}
#left-content #follow a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	height: 48px;
	width: 48px;
}
#left-content #follow img {
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
}

#left-content ul {
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
}
#left-content li {
	background-image: url(../media/bgd-square-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

#left-content strong {
	color: #FFFFFF;
	font-weight: bold;
}

#left-content em {
	color: #FFF;
	font-weight: normal;
}
#left-content .important {
	color: #FFD66C;
	font-weight: normal;
}

/* DARK CONTENT
----------------------------------------------- */
#dark-content{
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	background-image: url(../media/Tile-Tabs.png);
	background-repeat: repeat;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	color: #CCC;
	z-index: 3;
	overflow: hidden;
	padding-left: 20px;
	display: inline-block;
}
#dark-content h3 {
	padding-left: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FFD66C;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
#dark-content p {
	padding-bottom: 15px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
#dark-content ul {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	z-index: 5;
}
#dark-content li {
	margin-bottom: 5px;
	background-image: url(../media/Tick-Content.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	color: #CCC;
}
/* SLIDESHOW
----------------------------------------------- */

#slideshow {
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
	color: #FFFFFF;
	width: 256px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	float: right;
	background-repeat: repeat;
	background-image: url(../media/Tile-Columns.png);
}
#slideshow .slideshow-img {
	margin-right: auto;
	margin-left: auto;
	top: 0px;
}
#slideshow .slideshow-btn {
	margin-top: 10px;
	cursor: pointer;
	margin-left: 10px;
	top: 0px;
	margin-bottom: 7px;
}

/* INFO
----------------------------------------------- */

#info {
	background-image: url(../media/Tile-Newsletter.gif);
	background-repeat: repeat-x;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	display: inline-block;
	font-size: 13px;
}
#info .newsletter-col {
	float: left;
	text-align: left;
	width: 358px;
	background-image: url(../media/Bgd-Newsletter.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	color: #f3d7cf;
	padding-bottom: 10px;
}
#info .newsletter-col p {
	padding-left: 15px;
	padding-right: 150px;
	padding-bottom: 10px;
}
#info .newsletter-col img {
	margin-left: 15px;
}
#hl-newsletter {
	background-image: url(../media/H-News-Promotions.gif);
	height: 68px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#hl-wifi {
	background-image: url(../media/HL-Internet-Access.gif);
	height: 68px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#info .wifi-col {
	float: left;
	text-align: left;
	width: 216px;
	display: inline;
	background-image: url(../media/WiFi.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #f3d7cf;
	padding-bottom: 10px;
	margin-left: 36px;
}
#info .wifi-col p {
	padding-left: 0px;
	padding-right: 100px;
	padding-bottom: 10px;
}
/* ROOM COLUMNS
----------------------------------------------- */

#left-content div.room-columns {
	float: left;
	width: 275px;
	margin-bottom: 10px;
	display: inline;
	font-size: 12px;
	margin-top: 10px;
	background-image: url(../media/Tile-Columns.png);
	background-repeat: repeat;
	z-index: 4;
	margin-right: 10px;
	margin-left: 0px;
}
#left-content .room-columns h3 {
	font-size: 13px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFF;
	font-weight: normal;
}
#left-content .room-columns p {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 16px;	
}
#left-content .room-columns img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#left-content .room-columns .slideshow-btn {
	margin-top: 10px;
	cursor: pointer;
	margin-left: 10px;
}

/* PARTNER COLUMNS
----------------------------------------------- */

#left-content div.left-columns {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	margin-left: 30px;
	display: inline;
	font-size: 12px;
	margin-top: 10px;
	background-image: url(../media/Background-Partners.png);
	background-repeat: repeat;
	z-index: 4;
}

#left-content .left-columns h3 {
	font-size: 13px;
	padding-bottom: 10px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFF;
}
#left-content .left-columns ul {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#left-content .left-columns li {
	margin-bottom: 5px;
	background-image: url(../media/Tick-Sitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#left-content .left-columns li a {
	background-color: #FED668;
	color: #333;
	text-decoration: underline;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}
#left-content .left-columns li a:hover {
	background-color: #0CF;
	color: #333;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}

/* SPECIAL OFFERS
----------------------------------------------- */
#left-content .results {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #2c2c29;
	font-size: 12px;
}
#left-content .results p {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

#left-content .results h3{
	font-size: 13px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
}

#left-content .results hr{
	border: 0;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../media/Background-HR.png);
	background-repeat: repeat;
	margin-right: 10px;
	margin-left: 10px;
}
#left-content .results em{
	color: #FFD66C;
}
#left-content .results strong{
	color: #FFD66C;
}
.availability {
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #4b4b4b;
}

/* TABS
----------------------------------------------- */

#tabby {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}


#tabby h3 {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFD66C;
	font-size: 16px;
	font-weight: bold;
}


#tabby .tab {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 100%;
}

#tabby .tab li {
	float: left;
	margin-right: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
	background-image: url(../media/Btn-Normal-Black.png);
	background-repeat: repeat;
}

#tabby .tab li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
	color: #FFFFFF;
	line-height: 32px;
	text-decoration: none;
	padding-right: 25px;
	background-color: transparent;
	background-image: none;
}

#tabby .tab li a:hover {
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../media/Btn-Hover-Black.png);
	background-repeat: repeat;
}

#tabby .tab .ui-tabs-selected {
	text-decoration: none;
	display: block;
	background-color: #383432;
	font-weight: bold;
    background-color: transparent;
	background-image: url(../media/Tile-Tabs.png);
	background-repeat: repeat;
}

#screenshot{
	position:absolute;
	border:1px dashed #000;
	padding:10px;
	display:none;
	color:#333;
	text-align: center;
	font-size: 12px;
	background-color: #FFF;
	font-weight: bold;
}
#screenshot img{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* TABBY CONTENT
----------------------------------------------- */

#activities-content, #attractions-content, #heritage-content, #news-content{
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	overflow: hidden;
	padding-right: 0px;
	background-image: url(../media/Tile-Tabs.png);
	background-repeat: repeat;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
#activities-content p, #attractions-content p, #heritage-content p, #news-content p{
	color: #CCC;
	padding-right: 20px;
	padding-left: 20px;
}
#activities-content hr, #attractions-content hr, #heritage-content hr, #news-content hr{
	border: 0;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../media/Background-HR.png);
	background-repeat: repeat;
	margin-right: 20px;
	margin-left: 20px;
}
#activities-content ul, #attractions-content ul, #heritage-content ul{
	margin-left: 20px;	
}
#activities-content li, #attractions-content li, #heritage-content li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../media/Tick-Sitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#activities-content ul a, #attractions-content ul a, #heritage-content ul a {
	color: #FFD66C;
	margin: 0px;
	padding: 0px;
}
#activities-content ul a:hover, #attractions-content ul a:hover, #heritage-content ul a:hover {
	color: #FFD66C;
	margin: 0px;
	padding: 0px;
}



/* HIDDEN CONTAINER
----------------------------------------------- */

.ui-tabs-hide {
	display: none;
}


/* RIGHT CONTENT
----------------------------------------------- */

#right-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 271px;
	float: left;
	clear: right;
	color: #CCCCCC;
	background-image: url(../media/Tile-Right.png);
	background-repeat: repeat-y;
	margin-top: 10px;
	padding-bottom: 20px;
	background-position: 0% 0%;
	z-index: 3;
}

#right-content p {
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#right-content .c-paragraph {
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#google-map {
	height: 300px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
}
#right-content strong {
	font-weight: bold;
	color: #FFFFFF;
}
#right-content hr{
	margin-left: 20px;
	margin-right: 20px;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-color: #999999;
}

/* SPECIAL MENUS
----------------------------------------------- */

#hr-latest-menus {
	background-image: url(../media/HS-Christmas-Menus.png);
	height: 49px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#menus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #5b3a64;
	background-color: #CA9ED9;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../media/Bgd-Mothers-Day.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 140px;
	width: 251px;
} 

#menus p {
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 50px;
	line-height: 18px;
}

#menus a {
	color: #CCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;	
}

#menus ul {
	list-style-type: none;
	margin-left: 15px;
} 

#menus li {
	margin: 0px;
	background-image: url(../media/Tick-Content.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 26px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#menus li a {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
} 

/* SPECIAL OFFERS
----------------------------------------------- */

#hr-special-offers {
	background-image: url(../media/HS-Special-Offers.png);
	height: 49px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: 10px;
}
#hr-contact-details {
	background-image: url(../media/HS-Contact-Details.png);
	height: 49px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#special {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #CCCCCC;
} 

#special ul {
	list-style-type: none;
} 

#special li {
	background-color: #886a33;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
	color: #CCCCCC;
	
}

#special li a {
	color: #CCCCCC;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../media/Bgd-Zoom-Offers-Off.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #886a33;
}

 * html #special li a {  /* make hover effect work in IE */
	width: 231px;
}

#special li a:hover {
	background-image: url(../media/Bgd-Zoom-Offers-On.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #654f27;
}
#special strong {
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 5px;
}

#special a em {
	display: block;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 18px;
}

#special a span {
	text-decoration: none;
	color: #CCCCCC;
}
#special img {
	float: right;
	border: 2px solid #555555;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
}

.book-now {
	color: #fadf95;
}

.feed-special a{
	display: inline;
	color: #271D1C;
	background-color: #fed668;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/Icn-RSS.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feed-special a:hover{
	display: inline;
	color: #FFFFFF;
	background-color: #654f27;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/Icn-RSS.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* NEWS
----------------------------------------------- */

#latest-news {
	background-image: url(../media/HS-Latest-News.png);
	height: 42px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#news {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	z-index: 3;
}

#news ul{
	margin: 0px;
	padding: 0px;
	
}

#news li{
	font-size: 12px;
	font-weight: bold;
	display: inline;
	line-height: 16px;
}
#news li a{
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(../media/Bgd-News.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	background-color: #2d2d2d;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 100;
}
#news li a:hover{
	color: #FFF;
	text-decoration: none;
	background-image: url(../media/Bgd-News.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-color: #333;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#news .on-blog{
	color: #FFD66C;
	text-decoration: none;
	background-image: url(../media/Bgd-News.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-color: #333;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.news-feed a{
	display: inline;
	color: #d7d5d4;
	background-color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/Icn-RSS.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.news-feed a:hover{
	display: inline;
	color: #d7d5d4;
	background-color: #333;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/Icn-RSS.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* FOOTER
----------------------------------------------- */
div.wales-col, div.contact-col, div.map-col {
	float: left;
	text-align: left;
	width: 276px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	display: inline;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
div.wales-col {
	background-image: url(../media/Visit-Wales-Footer.png);
	background-repeat: no-repeat;
	background-position: right 94%;
}
div.wales-col p {
	padding-right: 110px;
}
div.contact-col .vcard {
	background-image: url(../media/Icn-V-Card.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;	
}
div.contact-col a{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #8c7b4c;
	border-bottom-style: dashed;
	color: #fed668;
}
div.contact-col a:hover{
	text-decoration: none;
	border-bottom-style: none;
	color: #8c7b4c;
}
div.map-col ul{
	margin: 0px;
	padding: 0px;	
}

div.map-col li{
	float: left;
	white-space: nowrap;
	background-image: url(../media/Tick-Sitemap.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 14px;
	margin-right: 3px;
}
div.map-col li a{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #8c7b4c;
	border-bottom-style: dashed;
	color: #fed668;
}
div.map-col li a:hover{
	text-decoration: none;
	border-bottom-style: none;
	color: #8c7b4c;
}

#footer {
	color: #CCC;
	clear: both;
	font-size: 12px;
	text-align: left;
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-image: url(../media/Tile-Footer.png);
	background-repeat: repeat-y;
}
#hf-visit-wales {
	background-image: url(../media/HF-Visit-Wales.png);
	height: 48px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#hf-contact {
	background-image: url(../media/HF-Contact-Us.png);
	height: 48px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#hf-site-map {
	background-image: url(../media/HF-Site-Map.png);
	height: 41px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#footer p {
	line-height: 18px;
	padding-bottom: 10px;
}
#footer em {
	color: #FFFFFF;
}
#footer h6{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

/* TWIST
----------------------------------------------- */

#twist {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #999999;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#twist ul {
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 20px;
	padding-right: 0px;
}
#twist li {
	display: inline;
	line-height: 20px;
}

#twist a{
	color: #413B37;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ffbb00;
}
#twist a:hover{
	color: #221D19;
	background-color: #C99587;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#compliancy a{
	background-image: url(../media/Compliancy-Tick.png);
	background-repeat: no-repeat;
	color: #fed668;
	background-color: transparent;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin: 0px;
	background-position: 1px 8px;
	display: inline-block;
	line-height: 20px;
}
#compliancy a:hover{
	background-image: url(../media/Compliancy-Tick.png);
	background-repeat: no-repeat;
	color: #fed668;
	background-color: transparent;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin: 0px;
	background-position: 1px 8px;
	display: inline-block;
	line-height: 20px;
	text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */

form{
	margin: 0px;
	padding: 0px;	
}

#formFields input, select, textarea{
	font-size: 16px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#formFields input:focus, select:focus, textarea:focus{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#formFields .instruct{
	position:absolute;
	left:102%;
	z-index:1000;
	width:39%;
	color:#191919;
	font-weight: bold;
	font-size: 90%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 0px;
	height: 38px;
	background-image: url(../media/Bgd-Instruct.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	line-height: 38px;
}
#left-content #formFields {
	margin-bottom: 10px;
	width: 90%;
	margin-top: 0px;
	margin-left: 30px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#formFields ul{
	list-style-type:none;
	font-size:100%;
	background-image: none;
}
#formFields li{
	position:relative;
	width:68%;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border-bottom-width: 3px;
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../media/Tile-Columns.png);
	background-repeat: repeat;
}

/* ----- INSTRUCTIONS ----- */

#formFields li.focused{
	background-image: url(../media/bgd-form-roll.png);
	background-repeat: repeat;
}
#form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

#form li, .buttons{display: inline-block;}
* html #form li, * html .buttons{height: 1%;}
#form li, .buttons{
	display: block;
}

* html form li div{
	display:inline-block;
}
#form li div, #formFields li span{
	color:#FECC00;
	margin-top: 0px;
	margin-right: 4px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	margin-bottom: 8px;
	list-style-type: none;
}
#form li div.left .medium, #form li div.right .medium{
	width:100%;
}

#form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:12px;
	line-height:9px;
	color:#444;
	display:block;
}
.button{
	clear:both;
	margin-top:0px;
}
.large-button {
	margin-right: 5px;
	font-size: 200%;
	margin-left: 30px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	border:none;
	color:#FFFFFF;
	display:block;
	font-size:100%;
	font-weight:bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
input.text, input.file, textarea.textarea, select.select{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}
input.text, textarea.textarea, .firefox select.select{
	font-family: Arial, Helvetica, sans-serif;
}
input.text, input.file{
	padding:3px;
	color: #000000;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
	height:13px;
}
textarea.textarea{
	font-family: Arial, Helvetica, sans-serif;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
	margin:1px 0;
}

input.small, select.small{
	width:25%;
}
input.medium{
	width:98%;
	background-image: url(../media/input-grad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
}
select.medium{
	width:100%;
}
textarea.medium{
	background-image: url(../media/input-tile-big.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
	height: 150px;
	padding: 3px;
}
input.large, select.large, textarea.textarea{
	width:98%;
}


/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFCC00;
	padding:2px 3px;
	color:red;
}
form li.error{
	margin:3px 0;
}
form li.error label{
	color:#FFBB19 !important;
}
form p.error{
	color:#FFBB19;
	font-weight:bold;
	font-size:10px;
	margin:0 0 5px 0;
	clear:both;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:#FFBB19;
	font-weight:bold;
}
form .instruct small{
	font-size:105%;
}
#formFields li.focused .instruct, #formFields li:hover .instruct{
	visibility:visible;
}