.message { border: 1px solid #FFCC00; padding: 5px; margin-top: 5px; margin-bottom: 5px; background-color: #F0F8FF; font-size: 12px; }

.name { vertical-align: top; font-weight: bold; width: 115px; float: left; padding: 5px; margin-top: 3px; clear: left; }
.value { float: left; padding: 5px; }
.error { float: left; padding: 5px; }
.errors { color: red; vertical-align: middle; }
img.errors { padding-right: 5px; }
.errors input { border: 1px solid red; }
.errors textarea { border: 1px solid red; }
.required { color: red; padding-left: 2px; }

body { font: normal 11px arial; background-color: #362310; margin: 0px; padding: 0px;  }
h1 { color: #362310; font-size: 1.8em; margin-top: 6px; margin-bottom: 8px; margin-left: 4px;}
h2 { color: #c9984c; font-size: 1.2em; margin-top: 4px; margin-bottom: 4px; margin-left: 5px;}
h3 { color: #4e3721; font-size: 1.1em; margin-top: 4px; margin-bottom: 4px; margin-left: 5px;}
p { color: #4e3721; margin-top: 5px; margin-bottom: 8px; margin-left: 5px; margin-right: 5px; padding: 0px; }
p a { color: #4e3721; }
p a:hover { color:#c59d61; }
td a { color: #4e3721; }

.left { float: left;}
.right { float: right; width: 198px; margin-top: 2px; padding-top: 0px; margin-right: 13px; margin-left: 3px;}
.bold { margin: 2px; font-weight: bold; }
.red { color: red; }

#flashcontent1 { height: 264px; background: #000000 }

.value2 { font-size: 0.9em }

table.messages { font-size: 1.1em; margin: 0px 5px 10px 5px !important; padding: 0px; border-collapse: collapse; color: green; font-weight: bold;}
table.messages td { padding: 0px; margin: 0px;}
.error { color: red; }

div.container { margin: 0px auto; width: 955px; background-image: url('../images/background2.gif'); background-repeat: repeat-y;}
div.inner { width: 946px; margin-left: 9px}

.header { padding-top: 2px; padding-right: 10px; }
.header img { float: left; padding: 20px 10px 10px 10px; }
.header a img { border: none; }
.header .strapline { clear:right; float: right; color: #dfbb84; font-size: 25pt; font-weight: normal; margin-botton: 0px; padding: 7px 5px 0px 0px; width: 610px; }
.headbuttons { clear:right; float: right; height: 41px; width: 500px; margin: 0px; padding: 0px; }
.headbuttons p { float:right; margin-top: 10px; margin-right: 54px;}
.headbuttons img { float: right; padding: 0px; margin: 0px; }
div.ruler { width: 929px; margin: 0px 2px 1px 3px;  height: 1px; background-color: #362310; font-size: 1px; }
#footerruler { width: 672px; margin: 0px 3px 0px 1px; }
p.atol { font-size: 0.7em; color: #666666 }
.links { font-size: 0.9em; float: right; margin-right: 4px; padding: 1px 3px 3px 3px; border-bottom: 1px solid black;}
.links a { color: #4e3721; text-decoration: none; }
.links a:hover { color: black; }

.nav { float: left; padding-top: 1px; width: 162px; }
.main { float: left; padding-top: 2px;  width: 565px; }
.mainimage { width: 570px; float: left; margin-bottom: 0px !important; padding: 0px; }
.mainimageCountry { width: 570px; height: 399px; float: left; margin-bottom: 0px !important; padding: 0px; }
.mainimageRegion { width: 570px; height: 403px; float: left; margin-bottom: 0px !important; padding: 0px; }
  

.headerfeature { position: relative; width: 233px; height: 188px; background: #654d37; float:right; margin-right: 0px; padding: 3px; }
.headerfeature h2 { font-size: 1.6em; }
.headerfeature p { color: white; }
.headerfeature p a { color: white; }
.headerfeature p a:hover { color:#c59d61; }
.headerfeature .name { padding:0px; }
.headerfeature .title { clear: both; }
.headerfeature .readmore { position:absolute; width: 100px; bottom: 0px; left: 157px; font-weight:bold; }

 

.content { float: left; width: 565px; background-color: #e0dcd9; margin-top: 3px; padding: 1px 0px 3px 5px; }

.showme { width: 196px; height: 192px; margin-bottom: 3px; border: 1px solid #654d37 }
.showmeheader { padding: 5px 5px 3px 5px; margin: 0px; color: #3a2612; font-weight: bold; font-size: 1.3em; }


.featurebrochure { width: 198px; height: 82px; background-image: url('../images/feature-brochure.gif') }
.featurebrochure a { text-decoration: none; }
.featurebrochure .brochureheader { padding: 5px 5px 3px 5px; margin: 0px; color: #3a2612; font-weight: bold; font-size: 1.3em; }
.featurebrochure .brochuretext { width: 120px; }

.planyourtrip { margin-top: 0px; width: 198px; height: 123px; background-image: url('../images/feature-trip2.gif') }
.planyourtrip a { text-decoration: none; }
.planyourtrip .plantripheader { padding: 5px 5px 3px 5px; margin: 0px; color: #3a2612; font-weight: bold; font-size: 1.3em; }
.planyourtrip .plantriptext { width: 120px; }

.howto { margin: 0px; width: 196px; border: 1px solid #c59d61; background: #c59d61 }
.howto .howtoheader { padding: 5px 5px 0px 5px; color: white; margin: 0px; font-weight: bold; font-size: 1.1em; }
.howto .howtotext { margin-top: 2px; }
.howto a { color: green }
.howto a:hover { color: black; }

.thumbnailHeader { padding: 5px 5px 3px 5px; margin: 0px; background: #faf7ca; color: #3a2612; font-weight: bold; font-size: 1.3em; }
.accommodationThumbnail { float:left; clear: both; margin-top: 1px; width: 196px; height: 107px; }

.quicklinks { float: right }
.quicklinks a { color: green; }
.quicklinks a.itinreq { color: #2d62aa; }
.quicklinks a.itinreq:hover { color: #5888cb; }


.imageholder { width: 200px; background-color: #faf7ca; float: right; margin-top: -1px; margin-left:5px;}
.imageholder img { border: 1px solid #999999; margin-left: 3px; }
.weddingimageholder { width: 252px; height: 252px; background-color: #faf7ca; float: right; margin: 10px; }
.weddingimageholder img { border: 1px solid #faf7ca; }
img.weather { margin:0px 0px 0px -5px; padding: 0px; background: #faf7ca; }
img.image2 { width: 196px; border: 1px solid #654d37; }
img.map { width: 196px; cursor: pointer; border: 1px solid #654d37; }
a img.map { border: none; }


.accommodation { float: left; width: 100%; }
.accommodation div.insert { float: left; width:100px; margin: 3px 6px 1px 6px; }
.accommodation div.insert img { border: 1px solid #faf7ca; }

.accommodation p a { color: #4e3721; margin-top: 0px; padding-top: 0px; }

.itineraries { float: left; margin-bottom: 10px;}
.itineraries .image { float: left; }
.itineraries .image img { width:98px; border: 1px solid #faf7ca; margin-left: 6px;}
.itineraries div.itinText { float: left; width: 420px; margin-left:10px; margin-top: -5px;}
.itineraries div.itinText p a { color: #4e3721; }
.itineraries div.itinText p a:hover { color:#c59d61 }

.thumbnail { float: left; width: 138px; height: 64px; margin-bottom: 3px;}
.thumbnail a img { border: none; }
.thumbnailspace { float: left; height: 64px; width: 4px; border-left: 1px solid #e0dcd9; border-right: 1px solid #e0dcd9; }
.thumbnailaction p { float: right; font-size: 9px; color: #4e3721; padding: 0px; margin: 0px; }

img.feedback { float: right; border: 1px solid #3a2612; margin: 5px; } 

.button { cursor: pointer; background-color: #4e3721; border: 1px solid #faf7ca; color: #FFFFFF; padding: 2px; font-size: 10px; margin: 5px 10px 2px 0px; }

/* panelGrid styles */
.pgtop { vertical-align:top;}
.pgodd { cell-spacing: 0px; color: #ffffff; font-size: 10px; background-color: #362410; border: 1px solid #362410; padding: 0px 5px 0px 5px; margin: 0px}
.pgeven { cell-spacing: 0px; color: #ffffff; font-size: 10px; background-color: #c59d60; border: 1px solid #362410; padding: 0px 5px 0px 5px; margin: 0px; width: 70%}
.pgrow { cell-spacing: 0px; cell-padding: 0px; border-collapse: collapse; width: 99%}

.banner { float: left; margin: 5px 0px 1px 5px; background-color: #cd9967; border: 1px solid #f9f6cb; width: 530px; }
.banner p { padding-top: 2px; }
.banner p a { color: #483d29; margin-top: -10px; padding-top: -20px;}
.banner .pgrow td{  }
.banner .pgrow td p { margin: 0px; padding: 0px }
.pgfirst { width: 100px;}
.pgsecond { width: 300px}
.pgthird { width: 130px}
.pgwide { width:100%; }

/* For wedding list pages change banner color to grey when booked status */
.greybanner { float: left; margin: 5px 0px 1px 5px; background-color: #999999; border: 1px solid #f9f6cb; width: 525px; }
.greybanner p { padding-top: 2px; }
.greybanner p a { color: #483d29; margin-top: -10px; padding-top: -20px;}
.greybanner .pgrow td{  }
.greybanner .pgrow td p { margin: 0px; padding: 0px }

.footer { margin: 0px auto; width: 955px; height: 15px; background-image: url('../images/background-footer2.gif'); background-repeat: no-repeat; }
.footer a:hover { color: #c9984c } 
.footerlinks { padding: 6px 0px 0px 8px; float: left; }
.footerlinks a { color: #e0dcd9; text-decoration: none; font-size: 0.9em;} 
.credits { float: right;  padding: 6px 5px 0px 0px; text-align: right;  }
.credits p { color: #e0dcd9; font-size: 0.9em; margin-bottom: 0px; padding: 0px;}
.credits a { color: #e0dcd9; text-decoration: none; font-size: 0.9em; padding: 0px; }

/* Special style for text bullet points */
.content ul{ list-style-type: none; padding: 0; margin: 0; }
.content ul li { color:#4e3721; background-image: url('../images/bullet2.gif'); background-repeat: no-repeat; background-position: 0px; padding-left: 45px; margin-right: 5px; }

a.countryheading { color:#4e3721 }
a.countryheading:hover { color:#c59d61 }

div.contentdivider { width: 100%; margin-left: -5px; padding-left: 5px; height: 0px; background: #3a2612; border-bottom: 2px solid #faf7ca }

div.clear { clear: both; }
div.spacer { height: 10px; width: 100%; float: left; }

.nav ul { margin: 0; padding: 0; list-style: none; padding-bottom: 1px; }
.nav ul li { position: relative; font-size: 1.3em; }
.nav ul li a { height: 22px; }
.nav ul li.head a { background: #3a2612; font-size: 1.1em; }
.nav ul li:hover a { background-color : #e0dcd9; color: #362310 }
.nav li .dropdown { position: absolute; left: 162px; top: 0px; border: 1px solid black; display:none; padding-bottom: 5px; background-color : #e0dcd9; } /* Second level frame */
.nav li .dropdown ul { width: 120px; padding: 0px 0px 1px 0px; margin: 0px; }
.nav ul li .dropdown  ul li { font-size: 0.9em;  height: 20px; margin: 0px; padding: 0px;  } /* Second level item */
.nav ul li .dropdown  ul li a { margin: 0px; padding: 3px 2px 0px 2px; border: 0px; } /* Second level link */
.nav ul li .dropdown  ul li a:hover {color: #ca9c55 }
.nav ul li .dropdown ul li .dropdown { position: absolute; padding: 0px 0px 0px 2px; left: 120px; top: 0; border: 1px solid black; display:none; padding-bottom: 4px; background-color : #e0dcd9; } /* Second level frame */
.nav ul li .dropdown ul li .dropdown ul { width: 220px; } 
.nav ul li .dropdown ul li .dropdown ul li a { width: auto; } 

div.sublist { background-color : #e0dcd9; color: #362310; width: 159px; margin-top: 0px; }
div.sublist p { padding: 0px; padding-left: 5px; color: #362310; background-color : inherit; }
div.sublist p a { padding: 0px; font-size: 0.8em; background-color : inherit; margin: 0px; color: #362310; text-decoration: none; }
div.sublist p a.submenu { padding-bottom: 3px; font-size: 14px; background-color : inherit; margin: 0px; color: #362310; text-decoration: none; font-weight:bold; }
div.sublist p a:hover { color: #c9984c }

/* Styles for Menu Items */
.nav ul li a { display: block; text-decoration: none; color: #fff; background: #4e3721; padding: 5px; margin-top: 1px; border-right: 3px solid #faf7ca;}
.nav ul li a.highlight { background-color : #e0dcd9; color: #362310; display: block; text-decoration: none; padding: 5px; margin-top: 1px; border-right: 3px solid #faf7ca; }

.nav ul li.sublist { width: 149px; display: block; text-decoration: none; color: #362310; background: #e0dcd9; padding: 5px; margin-top: 1px; border-right: 3px solid #faf7ca;}
.nav ul li.sublist p { padding: 0px; margin: 0px; font-size: 0.9em; }
.nav ul li.sublist p a {  color: #362310; background: #e0dcd9; border: none; padding: 0px; margin: 0px; line-height: 10px }
.nav ul li.sublist p a.submenu { color: #362310; background: #e0dcd9; border: none; font-size: 1.1em; padding-bottom: 3px; margin: 0px; line-height: 10px }
.nav ul li.sublist p a:hover { color: #c9984c }

/* Holly Hack. IE Requirement \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */

.nav ul li:hover .dropdown, .nav ul li.over .dropdown { display: block; } /* The magic */
.nav ul li .dropdown ul li:hover .dropdown, .nav ul li .dropdown ul li.over .dropdown { display: block; } /* The magic */

ul.sitemap {  background-image: none;  margin-left: 10px; padding-left: 10px; list-style-image:url('../images/bullet.gif') }
ul.sitemap li { font-size: 1.0em; margin-left: 20px; padding-left: 0px; background-image: none;  }
ul.sitemap ul li { font-size: 1.0em;  margin-left: 20px;  padding-left: 0px; background-image: none;  }
ul.sitemap ul li ul li { font-size: 0.9em;  margin-left: 20px;  padding-left: 0px; background-image: none;  }
ul.sitemap li ul { }
ul.sitemap a:hover { color: #c59d61; } 
.fiftypercent { width: 50%; vertical-align: top; }

.feature_button { float: left; border: 1px solid #503721; margin-top: 2px; margin-bottom: 1px; padding: 0px;}
a:hover .feature_button { border: 1px solid #c59d61; }