@import url("reset.css");

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

COLOUR PALETTE

#5f1431 - Plum 
#c81828 - Red
#f17a05 - Orange
#fbc317 - Yellow 
#bdc846 - Green
#46aac8 - Blue
#874c8d - Purple
#dfdedb - Grey

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

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	background:#5f1431;
	padding:0 0 20px 0;
	font-size:62.5%;
	font-family:Tahoma, Arial;
	color:#240d15;
}

.wrapper {
	width:912px;
	margin: 0 auto;
	position: relative;
}

.header {
	width:837px;
	padding:0 37px 0 38px;
	margin:0;
	background:#240d15 url(../images/header.jpg) no-repeat bottom left;
	min-height:184px;
	height:auto !important;
	height:184px;
	float:left;
	display:inline;
	position:relative;
}

.header a.logo {
	position:absolute;
	top:22px;
	left:33px;
}

.content /*This is the mid section of the website */ {
	width:863px;
	padding:0 13px 25px 37px;
	position:relative;
	float:left;
	display:inline;
	background: url(../images/background.gif) repeat-y;
}

.footer {
	width:837px;
	padding:7px 37px 0 38px;
	background:url(../images/footer.gif) no-repeat bottom left;
	min-height:38px;
	height:auto !important;
	height:38px;
	clear:both;
}

/*----------------------------------------------------------------------------------------
PRIMARY NAVIGATION
----------------------------------------------------------------------------------------*/

.navlist {
	padding: 0;
	margin: 37px 0 0 0;
	width:520px;
	min-width:530px;
	font: bold 1.3em Tahoma, Arial;
	float:right;
	clear:both;
}

.navlist li {
	list-style: none;
	margin: 0;
	margin-right:19px;
	display: inline;
	float:left;
}

.navlist li a {
	text-decoration: none;
	padding-bottom:5px;
	border-bottom:2px solid #240d15;
	display:block;
}

.navlist li.home a {
	color:#c81828;
}

.navlist li.home a:hover,
.navlist li.home a.current {
	padding-bottom:5px;
	border-bottom:2px solid #c81828;
}

.navlist li.attractions a {
	color:#f17a05;
}

.navlist li.attractions a:hover,
.navlist li.attractions a.current {
	padding-bottom:5px;
	border-bottom:2px solid #f17a05;
}

.navlist li.whats-on a {
	color:#fbc317;
}

.navlist li.whats-on a:hover,
.navlist li.whats-on a.current {
	padding-bottom:5px;
	border-bottom:2px solid #fbc317;
}

.navlist li.places-to-stay a {
	color:#bdc846;
}

.navlist li.places-to-stay a:hover,
.navlist li.places-to-stay a.current {
	padding-bottom:5px;
	border-bottom:2px solid #bdc846;
}

.navlist li.places-to-eat a {
	color:#46aac8;
}

.navlist li.places-to-eat a:hover,
.navlist li.places-to-eat a.current {
	padding-bottom:5px;
	border-bottom:2px solid #46aac8;
}

.navlist li.inspiration {
	margin-right: 0;
}

.navlist li.inspiration a {
	color:#dfdedb;
}

.navlist li.inspiration a:hover,
.navlist li.inspiration a.current {
	padding-bottom:5px;
	border-bottom:2px solid #dfdedb;
}

/*----------------------------------------------------------------------------------------
SECONDARY NAVIGATION
----------------------------------------------------------------------------------------*/

ul.inspiration-navigation {
	width:155px;
	float:left;
	margin:0;
	margin-right:16px;
	padding:0;
}

ul.inspiration-navigation li {
	margin:0;
	margin-bottom:1px;
	float:left;
}

ul.inspiration-navigation li a {
	font-weight:bold;
	font-size:1.4em;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding: 0;
	cursor:pointer;
	float:left;
}

ul.inspiration-navigation li a:hover {
	color:#ffffff
}

ul.inspiration-navigation li a strong {
	margin:10px 0 0 0;
	padding:0 10px 10px 10px;
	width:135px;
	display:block;
	float:left;
}

ul.inspiration-navigation li a.current {
	cursor:default;
}

ul.inspiration-navigation li.event-ideas a {
	background: url(../images/inspiration-events-ideas.gif) top left;
}

ul.inspiration-navigation li.event-ideas a strong {
	background: url(../images/inspiration-events-ideas.gif) bottom left;
}

ul.inspiration-navigation li.family-fun a {
	background: url(../images/inspiration-family-fun.gif) top left;
}

ul.inspiration-navigation li.family-fun a strong {
	background: url(../images/inspiration-family-fun.gif) bottom left;
}

ul.inspiration-navigation li.chills a {
	background: url(../images/inspiration-chills.gif) top left;
}

ul.inspiration-navigation li.chills a strong {
	background: url(../images/inspiration-chills.gif) bottom left;
}

ul.inspiration-navigation li.thrills a {
	background: url(../images/inspiration-thrills.gif) top left;
}

ul.inspiration-navigation li.thrills a strong {
	background: url(../images/inspiration-thrills.gif) bottom left;
}

ul.inspiration-navigation li.general-nav a {
	background: url(../images/general-tab.gif) top left;
}

ul.inspiration-navigation li.chills a strong {
	background: url(../images/inspiration-chills.gif) bottom left;
}



/*SECOND LEVEL*/
ul.inspiration-navigation li ul {
	background: url(../images/inspiration-navigation.gif) bottom;
	padding:5px 0 10px 0;
	margin:0;
	float:left;
	display:inline;
}

ul.inspiration-navigation li ul li {
	color:#240d15;
	margin:0;
	padding:0;
	width:155px;
	border:0;
	float:left;
	display:inline;
}

ul.inspiration-navigation li ul li a {
	font-size:1.2em;
	font-weight:normal;
	padding:4px 7px 5px 7px;
	margin-left:3px;
	margin-right:3px;
	color:#240d15;
	width:135px;
	display:block;
	float:left;
}

ul.inspiration-navigation li ul li.current a,
ul.inspiration-navigation li ul li.current a:hover {
	color:#5f1431;
	font-weight:bold;
	cursor:default;
}

ul.inspiration-navigation li.event-ideas ul li a {
	background:#ffffff;
	display:block;
	float:left;
	display:inline;
}

ul.inspiration-navigation li.event-ideas ul li a:hover {
	background:#fbc317;
	color:#FFFFFF;
}

ul.inspiration-navigation li.family-fun ul li a {
	background:#ffffff;
	display:block;
	float:left;
	display:inline;
}

ul.inspiration-navigation li.family-fun ul li a:hover {
	background:#bdc846;
	color:#FFFFFF;
}

ul.inspiration-navigation li.chills ul li a {
	background:#ffffff;
	display:block;
	float:left;
	display:inline;
}

ul.inspiration-navigation li.chills ul li a:hover {
	background:#46aac8;
	color:#FFFFFF;
}

ul.inspiration-navigation li.thrills ul li a {
	background:#ffffff;
	display:block;
	float:left;
	display:inline;
}

ul.inspiration-navigation li.thrills ul li a:hover {
	background:#874c8d;
	color:#FFFFFF;
}

ul.inspiration-navigation li.general-nav ul li a {
	background:#ffffff;
	display:block;
	float:left;
	display:inline;
}

ul.inspiration-navigation li.general-nav ul li a:hover {
	background:#c81828;
	color:#FFFFFF;
}


/*Current States*/
ul.inspiration-navigation li.family-fun a.current strong {
	background: url(../images/inspiration-family-fun-down.gif) bottom left no-repeat;
}

ul.inspiration-navigation li.event-ideas a.current strong {
	background: url(../images/inspiration-events-ideas-do.gif) bottom left no-repeat;
}

ul.inspiration-navigation li.chills a.current strong {
	background: url(../images/inspiration-chills-down.gif) bottom left no-repeat;
}

ul.inspiration-navigation li.thrills a.current strong {
	background: url(../images/inspiration-thrills-down.gif) bottom left no-repeat;
}

ul.inspiration-navigation li.general-nav a.current strong {
	background: url(../images/general-tab-down.gif) bottom left no-repeat;
}

/*----------------------------------------------------------------------------------------
HEADER: Search Container
----------------------------------------------------------------------------------------*/

.search-container {
	margin:0;
	padding:0;
	float:right;
	display:inline;
	margin-top:9px;
	height:19px;
}

.search-container label {
	font-size:1.2em;
	font-weight:bold;
	color:#dfdedb;
	float:left;
	display:inline;
	line-height: 19px;
	height:19px;
	margin:0 7px 0 0;
	padding:0;
}

.search-container .search-box {
	background-repeat:no-repeat;
	background-color:transparent;
	height:19px;
	width:100px;
	padding:0;
	margin:0;
	float:left;
	display:inline;
}

.search-container .search-box input {
	background-image:url(../images/search-area.gif);
	background-color:transparent;
	border:0px solid transparent;
	color:#ffffff;
	font-size:1.2em;
	width:90px;
	padding:3px 5px 2px 5px;
	margin:0;
	float:left;
}

.search-container .search-submit {
	float:left;
	display:inline;
	margin:0;
}

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

ul.pipe-list {
	margin: 0;
	padding: 0;/*white-space: nowrap;*/
}

.pipe-list li {
	margin: 0;
	padding: 4px 0;
	list-style-type: none;
	height:10px;
}

.pipe-list li,
.pipe-list a {
	float: left;
	display:inline;
}

.pipe-list a {
	padding: 0 12px 0 0;
	color: #5f1431;
	text-decoration: none;
	height:20px;
}

.pipe-list a:hover {
	color: #ffffff;
}

.footer .pipe-list a {
	color: #5f1431;
}

.footer .pipe-list a:hover {
	color: #c81828;
}

a.trade-log-in {
	float:right;
	font-size:1.2em;
	font-weight:bold;
	color:#5f1431;
	text-decoration:none;
	height:20px;
}

a.trade-log-in:hover {
	color: #c81828;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------
SIDE DETAIL
----------------------------------------------------------------------------------------*/
.side-detail-column {
	width:135px;
	margin-left:20px;
}

.side-detail-column img {
	margin-bottom:15px;
}

.side-detail {
	width:115px;
	padding: 10px 10px 0 10px;
	margin-bottom:20px;
}

div.side-detail h3 {
	color:#ffffff;
	font-size:1.4em;
	padding-bottom:0.2em;
	font-weight:bold;
}

/*----------------------------------------------------------------------------------------
DECORATIVE ELEMENTS
----------------------------------------------------------------------------------------*/
div.image-block {
	width:150px;
	float:left;
	display:inline;
}

div.image-block img {
	margin-bottom:18px;
}

div.image-block blockquote {
	margin:0;
	margin-bottom:18px;
	width:115px;
	padding:10px;
	float:left;
	display:inline;
}

div.image-block blockquote p {
	font-size:2em;
	font-weight:bold;
	float:left;
	display:inline;
	width:115px;
}

/*----------------------------------------------------------------------------------------
TYPE STYLES
----------------------------------------------------------------------------------------*/
.content h1 {
	font-size:3.5em;
	font-weight:normal;
	padding-bottom:1em;
	background-color: #ffffff;
}

.content h2 {
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:0.5em;
}

.content h3 {
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:0.2em;
}

.content p.introduction {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:1.6em;
	line-height:1.4em;
	color:#5f1431;
}

.content p {
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:2em;
	line-height:1.3em;
	padding-bottom:1.2em;
}

.content a {
	text-decoration:none;
}

.content p a {
	font-weight:bold;
	color:#5f1431;
	text-decoration:none;
}

.content p a:hover {
	color:#c81828;
	text-decoration:none;
}

.content p.more a {
	text-decoration:none;
	padding:0;
}

.content p.more a:hover {
	text-decoration:underline;
}

.content p.browsing-info {
	font-size:1.4em;
	font-weight:bold;
	color:#441425;
	float:left;
}

/*----------------------------------------------------------------------------------------
MIDDLE COLUMN
----------------------------------------------------------------------------------------*/
.middle-column {
	width:667px;
	margin-right:16px;
	background: url(../images/attractions/middle-content-top.gif) top left no-repeat;
	padding-top:20px;
	float:left;
	background-color: White;
}

.middle-column-content {
	width:627px;
	padding:0 20px 20px 20px;
	margin:0;
	background: url(../images/attractions/middle-content.gif) repeat-y;
	float:left;
}

.middle-column ul {
	padding:0 0 1em 0;
}

.middle-column ul li {
	padding:0 0 0.5em 15px;
	background: url(../images/bullet-plum.gif) no-repeat 0 0.3em;
	font-size:1.2em;
}

.middle-column ul li a {
	text-decoration:none;
	color:#5f1431;
	font-weight:bold;
}

.middle-column ul li li {
	font-size:1em;
	padding-bottom:0.5em;
}

.middle-column ul li li a {
	font-weight:normal;
	margin:0;
	padding:0;
}

/*----------------------------------------------------------------------------------------
RESULTS CONTAINER
----------------------------------------------------------------------------------------*/
.results-wrapper {
	float:left;
	width:667px;
	margin-right:16px;
}

.content .result-container {
	width:370px;
	padding:20px 120px 0 175px;
	position:relative;
	border:1px solid #dfdedb;
	float:left;
	background:#ffffff;
	min-height:135px;
	height:auto !important;
	height:135px;
	margin-bottom:18px;
}

.content .result-container img.thumb {
	margin:0;
	position:absolute;
	top:20px;
	left:20px;
}

.content .result-container a:hover {
	text-decoration:underline;
}

.content .result-container h2 {
	font-size:1.4em;
	color:#240d15;
	padding-bottom:0.3em;
	font-weight:normal;
}

.content .result-container h3 {
	font-size:1.4em;
	padding-bottom:1em;
	font-weight:bold;
}

.content .result-container a.more-button {
	position:absolute;
	top:20px;
	right:20px;
}

.content .result-container a.more-button {
	/* Sliding right image */
display: block;
	float: left;
	height: 27px;
	margin-right: 6px;
	padding-right: 30px;
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.content .result-container a.more-button span {
	/* Background left image */ 
	display: block;
	line-height: 27px;
	padding:0 0 0 10px;
}

.content .result-container a.more-button:hover span {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
HELPER CLASSES
----------------------------------------------------------------------------------------*/

.left {
	float:left;
}

.right {
	float:right;
}
.clear {
clear:both;
}

img.arrow {
	vertical-align:middle;
	margin:0 0 0 7px;
	display:inline;
}

img.download-button {
	float:left;
	display:inline;
}

div.feature-container {
	background: url(../images/feature-container.gif) bottom left no-repeat;
}

img.feature-image {
	float:left;
	display:inline;
	margin:0 0 15px 0;
}

.right-column {
	width:179px;
	float:right;
	display:inline;
}

input {
	font-family:Tahoma, Arial;
}

label {
	/*color:#ffffff;*/
	display:block;
	font-size:1.2em;
	padding:0 0 0.5em 0;
}

select {
	border:none;
	margin-bottom:1em;
	width:135px;
	font-size:1.2em;
	font-family:Tahoma, Arial;
}

input.submit-button {
	margin-bottom:1em;
}

.che { color: red; }

/*----------------------------------------------------------------------------------------
FORM CLASSES
----------------------------------------------------------------------------------------*/

.form
{
    padding-left:20px;
}

.form fieldset {
  margin-bottom: 5px;
}
.form legend {
  padding: 0 2px;
  font-weight: bold;
}
.form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#000000;
}
.form label a {
  color:#c81828;
}
.form fieldset ol {
  margin: 0;
  padding: 0;
}
.form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.form fieldset fieldset label {
  display: block;
  width: auto;
}
.form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.form label {
  width: 150px; /* Width of labels */
}
.form .longlabel {
  width: 200px; /* Width of labels */
}

.form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}