@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/general-tab.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:15px 0px 15px 0px; }

.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;
}
.side-detail a.web
{
font-size:1.2em;
font-weight:normal;
padding-bottom:2em;
line-height:1.3em;
padding-bottom:1.2em;
color:#ffffff;
}
.side-detail a.email
{
font-size:1.2em;
font-weight:normal;
padding-bottom:2em;
line-height:1.3em;
color:#ffffff;
}

/*----------------------------------------------------------------------------------------
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;
}

.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;
}

.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 .results-pagination
{
width:667px;
float:left;
display:inline;
}

.content .result-container
{
width:286px;
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.icon
{
vertical-align:middle;
float:left;
margin-right:10px
}

img.icon-top
{
vertical-align:top;
float:left;
margin-right:10px
}

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:#000000;
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; }

/*	Patterns: Form
----------------------------------------------- */
.form .form-row
{
    clear: both;
}
.form .form-row:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.form .form-row label
{
    background-color: #FFFFFF;
    color: #240D15;
    display: block;
    float: left;
    padding: 5px 0;
    width: 100%;
}
.form .form-row label .form-row-label
{
    display: block;
    float: left;
    width: 120px;
}
.form .form-row label .form-row-field
{
    display: block;
float:left;
    width: auto;
}
.form .form-row label .form-row-hint
{
    background-color: #FBF9EE;
    clear: both;
    border: 1px solid #240D15;
    color: #240D15;
    display: block;
    margin: 5px 0 0 0;
    padding: 3px 5px;
}
.form .form-row-file label .form-row-label, .form .form-row-text label .form-row-label, .form .form-row-textarea label .form-row-label
{
    padding-top: 3px;
}
.form .form-row-text label .form-row-field input, .form .form-row-text label .form-row-field textarea
{
    background-color: #FFFFFF;
    border: 1px solid #240D15;
    color: #240D15;
    padding: 3px 5px;
    width: 320px;
}

.multi
{
    height: 100px;
}

.form .form-row-select label .form-row-field select
{
    background-color: #FFFFFF;
    border: 1px solid #240D15;
    color: #240D15;
    padding: 2px 0 1px 2px;
    width: 332px;
}
.form .form-row-select label .form-row-field select option
{
    padding: 0 3px 1px 2px;
}
.form .form-row-checkbox label
{
    padding-top: 5px;
    position: relative;
}
.form .form-row-checkbox label .form-row-label
{
    padding-left: 2px;
    width: auto;
}
.form .form-row-checkbox label .form-row-field
{
    left: 80px;
    position: absolute;
    top: 1px;
    width: 20px;
}

.form .form-row-active
{
    background-color: #FFC0CB;
}
.form .form-row-action
{
    clear: both;
    padding: 5px 0 15px 118px;
}
.form .form-row-action .form-row-action-forward
{
}
.form .form-row-action .form-row-action-return
{
    padding-left: 5px;
}
.form .form-row-action .form-row-action-return a
{
    color: #240D15;
}
* html .form .form-row
{
    height: 1%;
    zoom: 1;
}
* html .form
{
    height: 1%;
    zoom: 1;
}


.form select,
.form input
{
font-size:100%;
padding:3px;
}


/* Components
----------------------------------------------- */.c
{
    margin-bottom: 10px;
    overflow: hidden;
}
.c .c-h
{
    overflow: hidden;
}


/* Component: .c-edit-tabs (Used on: )
----------------------------------------------- */.c-edit
{
    margin-bottom: 0;
}
.c-edit .c-h p
{
    font-size: 1.5em;
    height: 1%;
    margin: 0;
    padding-bottom: 0.5em;
}
.c-edit .c-h ul
{
    border-bottom: 1px solid #240D15;
    font-size: 1.4em;
    list-style-type: none;
    margin: 0;
    float: left;
    padding: 0;
    width: 100%;
}
.c-edit .c-h ul li
{
    border: 1px solid #240D15;
    background-color: #FFFFFF;
    background-image: none;
    color: #240D15;
    float: left;
    font-size: 1em;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    bottom: -1px;
}
.c-edit .c-h ul li a
{
    display: block;
    padding: 5px 10px;
}
.c-edit .c-h ul li a:hover
{
    background-color: #240D15;
    color: #FFFFFF;
}
.c-edit .c-h ul li.active
{
    background-color: #FFFFFF;
    border-bottom: none;
    color: #240D15;
}
.c-edit .c-h ul li.active a
{
    background-color: #FFFFFF;
    color: #240D15;
}
.c-edit .c-h ul li.active strong
{
    border-bottom: 1px solid #FFFFFF;
    display: block;
    padding: 5px 10px;
}
.c-edit .c-b
{
    background-color: #FFFFFF;
    border: 1px solid #240D15;
    border-top: none;
    padding: 10px 10px 5px 10px;
}
.c-edit .c-b h2
{
    margin: 5px 0;
}
.c-edit .c-b h3
{
    margin: 10px 0;
}
.c-edit .c-b .form-row-checkbox label .form-row-label
{
    font-size: 1.0833em;
}
.c-edit .c-b .form-row-action
{
    font-size: 1.2em;
}
.c-edit .c-b .form-row-action input
{
    font-size: 1.0909em;
}
.c-edit .c-b table
{
    border-collapse: collapse;
    border: 1px solid #DCDCDC;
    border-spacing: 20px;
    font-size: 1.3em;
    margin-bottom: 15px;
    width: 100%;
}
.c-edit .c-b table th, .c-edit .c-b table td
{
    text-align: left;
    font-size: 100%;
    font-weight: normal;
}
.c-edit .c-b table th
{
    border-bottom: 1px solid #BBBBBB;
    font-weight: bold;
    padding: 5px 8px;
}
.c-edit .c-b table td
{
    border: 1px solid #DCDCDC;
    padding: 8px 8px 10px 8px;
}
.c-edit .c-b table a
{
    background-color: #FFFFFF;
    color: #240D15;
    font-weight: bold;
}

/* Component: .c-edit-image (Used on: )
----------------------------------------------- */.c-edit-image .c-h p
{
    font-size: 1.2em;
    padding: 0;
}
.c-edit-image .c-h p.c-edit-image-image img
{
    height: 200px;
}
.c-edit-image .c-b
{
    position: relative;
}
.c-edit-image #Jcrop #JcropPreview
{
    bottom: -40px;
    height: 100px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100px;
    z-index: 99999;
}
.c-edit-image #Jcrop #JcropPreview img
{
    position: absolute;
}
.c-edit-image .form .form-row-action
{
    padding-left: 0;
    padding-top: 15px;
}
.c .c-edit-image .c-b
{
    border: none;
    padding: 0;
}

.form label { font-size:100%; }