/*
Copyright (c) 2008 Tourist Republic Ltd.
Confidential Information. All Rights Reserved.

Date: 25th June 2009
------------------------------------------------------------------------*/

/* @group CSS reset */

html, 
body, 
div, 
span, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
a, 
abbr, 
acronym, 
address, 
code, 
del, 
dfn, 
img, 
q, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { background: #fff; }

table { border-collapse: collapse; border-spacing: 0; }

caption, 
th, 
td { text-align: left; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after { content: ""; }

blockquote, 
q { quotes: "" ""; }

a img { border: none; }

input,
textarea { margin: 0; }

a,
input,
textarea { outline: none; }

/* Removes Firefox imposed outline */

/* @end */

/* @group General Styles */

body { font: 10px Georgia, Times, "Times New Roman", serif; }

p,
ol,
ul,
dl { font-size: 1.4em; line-height: 1.5; margin-top: 0.642857em; margin-bottom: 1.285714em; color: #666; }

/* @end */

/* @group List Items */

li {  }

ol li { margin-left: 1.3em; }

dt {  }

dd {  }

/* @end */

/* @group Headings */

h1,
h2,
h3,
h4,
h5,
h6 { color: #333; }

h1 { font-size: 3.6em; line-height: 0.5em; margin: 0.25em 0 0.5em; }

h2 { font-size: 2.8em; line-height: 0.642857em; margin-top: 0.321429em; margin-bottom: 0.642857em; }

h3 { font-size: 2.4em; line-height: 0.75em; margin-top: 0.375em; margin-bottom: 0.75em; }

h4 { font-size: 2.1em; line-height: 0.857143em; margin-top: 0.428571em; margin-bottom: 0.857143em; }

h5 { font-size: 1.8em; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; }

h6 { font-size: 1.4em; line-height: 1.285714em; margin-top: 0.642857em; margin-bottom: 1.285714em; }

li h4 { font-size: 1.3em; }

/* @end */

/* @group Phrase elements */

abbr {  }

acronym {  }

cite {  }

code {  }

del {  }

em {  }

ins {  }

/* @end */

/* @group Links */

a:link,
a:visited { color: #b4181e; }

a:hover,
a:active { text-decoration: none; }

/* @end */

/* @group Forms */

input,
textarea { font: 1.3em Georgia, Times, "Times New Roman", serif; padding: 0.3em 0.5em; }

/* Use radio class to target IE */

input.radio {  }

/* Use checkbox class to target IE */

input.checkbox {  }

/* Use button class to target IE */

input.submitSearch { background: #b4181e; color: #fff; border: none; position: relative; right: -10em; width: 5em; }

div#searchForm label.dynamicLabel { font-size: 1.4em; padding: 0 0 0 0.6em; }

select {  }

optgroup {  }

option {  }

label {  }

fieldset {  }

legend {  }

/* @end */

/* @group Tables */

table {  }

caption {  }

colgroup {  }

col {  }

thead {  }

tfoot {  }

tbody {  }

tr {  }

td {  }

th {  }

/* @end */

/* @group General Layout Styles */

div#container { margin: 0 auto; padding: 0; width: 96em; position: relative; }

div#content { padding: 6em 0 0 0; }

div#map_canvas { width: 57.8em; height: 120px; }

div#mainContent { float: left; width: 57.8em; }

div#sidebar { float: right; width: 34.8em; }

div#header { background: #b4181e; }

div#header a:link,
div#header a:visited { color: #fff; text-decoration: none; padding-bottom: 0.2em; }

div#header a:hover,
div#header a:active { background: none; border-bottom: 2px solid #fff; }

div#logo { float: left; }

div#logo h1 { margin: 0.3em 0 0; line-height: 1em; display: block; background: transparent url(../images/branding/logo.gif) no-repeat; text-indent: -9000em; width: 9em; }

div#logo h1 a { display: block; width: 100%; height: 100%; padding: 0.2em 0; }

div#logo h1 a:hover, div#logo h1 a:visited { border: none; }

div#logo h6 { text-indent: -9000em; margin: 0; }

ul#nav { font-size: 1.8em; line-height: 1em; margin: 2em 0 0; float: right; }

ul#nav li { display: inline; margin: 0 1em 0 0; }

div#featuredPhoto { position: relative; width: 100%; overflow: hidden; }

div#featuredPhoto h5,
div#featuredPhoto h6 { position: absolute; color: #fff; letter-spacing: 0.05em; }

div#featuredPhoto h5 { bottom: -0.25em; left: 0; font-size: 2.8em; padding: 0 0 0 0.4em; }

div#featuredPhoto h6 { bottom: 0; right: 0; font-size: 1.6em; padding: 0 0.8em 0 0; }

div#featuredPhoto h6 a { color:#fff; }

div#searchForm.frontPage { position: absolute; right: 0; background: #000; background: rgba(0,0,0,0.6); padding: 0.4em 1.3em 1em; width: 29em; }

div#searchForm.frontPage p { margin: 0.5em; background: #fff; }

div#searchForm.frontPage label { line-height: 1.85; font-size: 1.4em; padding: 0em 0.65em; color: #666; }

div#searchForm.frontPage input { border: 2px solid #fff; border-bottom-width: 3px; background: #fff; color: #999; }

div#searchForm.frontPage input.image { background: #b4181e; border: none; color: #fff; position: absolute; top: 0; right: 0; }

/* @end */

/* @group Page specific styles */

div.clear { clear: both; }

div#highlights { padding: 2em 0 0; }

h3 a { font-size: 0.6em; padding: 0 0.5em; }

li p { font-size: 1em; }

li h5 { font-size: 1.3em; }

ul#experiences,
ul#events { display: none; }

div#highlights ul li { float: left; list-style: none; margin: 0.5em 1em 0.5em 0; }

div#highlights ul li.last { margin-right: 0; }

div#mapOfHighlights { float: left; margin: 2em 0 0 0; }

div#frontpageComments { float: right; width: 30.7em; margin: 2em 0 0 0; }

div#frontpageComments ul { list-style: none; }

div#frontpageComments img { float: left; margin: 0 0.5em 0 0; }

div#frontpageComments h5 { margin: 0; padding: 0.6em 0 0; }

div#footer { clear: both; border-top: 1px solid #bbb; }
div#footer ul li { display: inline; padding-right: 1em; }

/* @end */

/*
Destination - Show
------------------------------------------------------------------------------*/

ul#photos li { list-style: none; display: inline; padding: 0 0.35em; }

span#viewed { font-size: 0.5em; }

div#description, div#events, div#accomodation { margin: 2em 0 5em; }

a#showDetails { font-size: 1.4em; line-height: 3; }

li.comment { clear: right; list-style: none; }

li.comment img { float: right; margin-top: 0em; }

div#searchForm { padding-bottom: 3em; }

h4#upcomingEventTitle a, h4#accomodationTitle a, h4#experienceTitle a { font-size: 0.6em; padding: 0 0 0 29.5em; }

div#sidebar h4#upcomingEventTitle a { padding: 0 0 0 20em; float: right; margin: -1.2em 0 0 0; }

h4#accomodationTitle { margin-top: 2em; }

h4#accomodationTitle a { padding: 0 0 0 13.5em; }

ul#upcomingEvents li { border-top: 1px solid #999; list-style: none; padding: 1em 0 2.3em; font-size: 1.4em; }

ul#upcomingEvents a { float: left; font-size: 0.7em; }

span.dates { float: right; }
span.eventDates { font-size: 1.8em; float: right; }

span.date { color: #999; }

span.day { font-size: 1em; line-height: 0.7; }

ul.sidebarListing li { list-style: none; margin: 0 0 2.4em 0; }

ul.sidebarListing h5 { margin: 0 0 0.6em 0; }

ul.sidebarListing li img { float: left; margin-right: 0.8em; }

li.experience {  list-style: none; }
li.experience img { float: left; margin-right: 1em; }

/*
Listing Page
------------------------------------------------------------------------------*/

ul#listing { list-style: none; }
ul#listing li img { float: left; margin: 3em 0.3em 2em 0; }
div.itemInfo { display: none; }

ul#listing h3 { margin: 1.6em 0 0.3em; }

ul#listing h3 a { padding: 0; }

ul#listing p { margin: 0.64521em 0 0.3em; }

ul#listing a.more-link { float: right; }

div#map { position: absolute; right: 0; top: 170px; margin-top: 5.5em; width: 57.5em; height: 35em

; /*background: #333;*/ }

/*
Listing Page Parent
------------------------------------------------------------------------------*/

div#destination_listing, div#accomodation_listing, div#experience_listing, div#event_listing { float: left; width: 36.7em; }

/*
Pagination
------------------------------------------------------------------------------*/

div.pagination { padding: 4em 0; font-size: 1.6em; }

div.pagination a { text-decoration: none; }

.prev_page, .next_page { padding: 0 1em; }

/*
Sidebar Form
-----------------------------------------------------------------------------------*/
a#makeComment { padding: 0 0 0 18.5em; margin: -1.2em 0 0 0; float: right; }
div#commentForm { display: none; }

div#commentForm input { width: 22.2em; }

div#commentForm textarea { height: 7em; }

div#commentForm input, div#commentForm textarea { font-size: 1em; border: 1px solid #999; }

div#commentForm input.button { background: #b4181e; color: #fff; border: #b4181e; width: 23.2em; }

a.withLink { float: right; font-size: 1.4em; margin-top: 0.3em; }

#sidebar_map { height: 300px; width: 100%; }

/* Date filters */

div#filterDates label { font-size: 1.4em; }


/*
My Trip
-----------------------------------------------------------------------------------*/

div#myTrip { padding: 3em 0; }
div#myTrip div#map_canvas { float: right; }
div#myTrip ul { width: 23em; list-style: none; }
div#myTrip h2 { margin-bottom: 2em; }
div#myTrip h3 { margin-bottom: 0.3em; }
div#myTrip h3 a { padding: 0; }

/*
Tour
-----------------------------------------------------------------------------------*/

div#tourItems { width: 32em; }
span.typeOf { font-size: 0.45em; }
div#map_tour { float: right; margin: 4em 0 0 0; }

p#after, p#before { float: left; }
div#filterDates { float: right; margin-top: 0.7em; }
a.clearDateFilters { font-size: 1.2em; }

div#searcher { float: right; margin-right: 18em; margin-top: -0.8em; }
a#viewTours { font-size: 1.4em; }

a.parentDestination { font-size: 0.6em; }