/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

Last updated on 10 August 2011 by Anna Panteleeva

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

/* Resets browser style sheets to create a level playing field and ensure that the styles
that we see are the styles that we write. Read more at:
http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Add a framework for all intentional general styles.

Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */

body { font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin-bottom : 1.5em; }
ul, ol { margin : 0 0 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-bottom : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 0 0 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; }
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { font-weight : bold; }
th, td { text-align :left; padding : 4px 10px 4px 0; border-bottom : 1px solid #dbd1b5; }
tr:last-child th, tr:last-child td {  border-bottom-width : 0; } 


/* Author styles (these are specific styles for the Camel Dive site 
----------------------------------------------------------------------------------------- */

html { background : #fff; }
body { border-top : 10px solid #12507f; font : 12px/1.5 Helvetica, Arial, Sans-serif; /* background : url(../siteimages/dev-grid.png) repeat-y 50% 0; */ color : #333; }


/* Headings 
----------------------------------------------------------------------------------------- */

h1, h2, h3, h4 { font-family : Cambria, Garamond, Georgia, Times, serif; }
h1, h2 { overflow : hidden; margin-bottom : .5em; padding-bottom : .25em; font-size : 24px; letter-spacing : -1px; }
h3, h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h2 + h3 { margin-bottom : .5em; }
.content-sub h5 { margin-bottom : 0; }






/* Unordered lists 

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



.content-sub h5 + ul { margin-bottom : .75em; padding-bottom : .75em; border-bottom : 1px solid #dbd1b5; }
#nav_categories { margin-bottom : 0; }
.grid { overflow : hidden; }
.grid li { float : left; width : 260px; }




/* - Dive centres template 

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



.content-resorts li { float : left; width : 132px; margin-right : 20px; }
.content-resorts li:last-child { margin-right : 0; }
.content-resorts li.span { width : 600px; margin-right : 0; margin-bottom : 1.5em; }




/* - Shop templates 

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



.content-shop li { float : left; width : 160px; /* min-height : 24em; */ margin-right : 20px; }




/* - Applies bullet markers to all unordered lists in the main content area 

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


.content-main ul{ list-style-type : disc; list-style-position : inside; }




/* - Removes bullet markers from specific unordered lists

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

ul.content-resorts { overflow : hidden; list-style-type : none; }
ul.content-shop { overflow : hidden; list-style-type : none; }
.search .content-main ul, .downloads .content-main ul, ul.content-maps {list-style-type : none; }






/* - Team pages

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



ul.content-team { overflow : hidden; list-style-type : none; }
.content-team li { float : left; width : 180px; min-height : 34em; margin-right : 20px; }
.content-team ul { margin-bottom : 0; list-style-type : none; }
.content-team ul li { float : none; width : auto; min-height : 1em; margin-right : 0; }
.content-team .fn { margin-bottom : 0; font-size : 13px; font-weight : bold; }








/* Definition lists (see technical dive sites) 

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



dt { margin-top : .75em; padding-top : .75em; border-top : 1px solid #dbd1b5; font-weight : bold; }
dt:first-child { margin-top : 0; padding-top : 0; border-top-width : 0; }
dd { margin-bottom : .75em; }








/* Tables (uses nth-child to create striped tables in Safari, Chrome and other browsers

that support this CSS3 selector. Other browsers will see plain, non-striped tables. 

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



.alternating { width : 500px; }
.alternating tr:nth-child(even) { background-color : #f8f7f3; }
.extra .alternating { width :99%; }
.extra .price { width : 6em; }
.alternating td { vertical-align : middle; }






/* General form styles 

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



form { overflow : hidden; margin-bottom : 1.5em; padding-top : .5em; }
label { margin-bottom : 1.25em; }
label, label span { display : block; }
label span { font-weight : bold; }
input[type="text"] { width : 210px; background-color : #fff; border : 3px double #dbd1b5; font : 13px/1.5 Cambria, Garamond, Georgia, Times, serif; }
select { width : 210px; font : 13px/1.5 Cambria, Garamond, Georgia, Times, serif; }
textarea { width : 210px; background-color : #fff; border : 3px double #dbd1b5; font : 13px/1.5 Cambria, Garamond, Georgia, Times, serif; }








/* Misc Stuff and Nonsense 

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



/* Adds the Tribe logo to the first paragraph in the shop page */

#shop { padding-left : 130px; background : url(../siteimages/h-shop.png) no-repeat 0 50%; }


.date { display : none; }
sup { color : #999; }


/* Image treatment: Floats images left (replaces the HTML align= property) */

img.fl { float : left; margin : 0 20px 0 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }


/* Image treatment: Makes images plain with no border or 'frame' padding */

img.plain { padding : 0!important; border-width : 0!important; }


/* This is very geeky, best not try to explain it */

.group:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }


/* vcard */

.vcard p { margin-top : 1.5em; }
.adr{ margin-bottom : .75em; }










/* Links 

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



a, a:visited { color : #16629C; text-decoration : underline; }
a:visited { color : #0e8180; }
a:hover, a:active, a:focus { color : #477184; text-decoration : underline; }
/* .content-main a:visited { color : #670F41; text-decoration : underline; } */





/* Makes a simple link look like a button (blue) */

.action a { padding : 5px 20px; background-color : #12507f; text-align : center; text-transform : uppercase; font : bold 10px Helvetica, Arial, sans-serif; letter-spacing : 1px; color : #fff; }
.action a:hover { text-decoration : underline; }


/* For slideshow links */

.slideshow a { text-decoration : underline; color : #fff; }


/* Adds a small Trip Advisor logo to links */

.trip-advisor { padding-left : 30px; background : url(../siteimages/a-trip-advisor.png) no-repeat 0 50%; }


/* Adds a small RSS logo to links */

.alternate { background : url(../siteimages/a-rss.png) no-repeat 50%; }
#siteinfo .alternate { padding-left : 20px; background-position : 0 50%; }


/* Adds a small Skype logo to links */

.skype { padding-left : 20px; background : url(../siteimages/a-skype.png) no-repeat 0 50%; }






/* Language chooser 

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



#nav-tools { overflow : visible; position : relative; width : 940px; margin : 0 auto; padding : 0; }
#nav-tools fieldset { position : absolute; top : -10px; right : 0; width : 220px; padding : 5px 0; background : #12507f; text-align : center; }
#nav-tools label { margin-bottom : 0; }
#nav-tools span { display : none; }
#nav-tools select { width : 180px; font-family : Helvetica, Arial, Sans-serif; }








/* Breadcrumb trail (not used) 

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



#nav-location { margin-bottom : 1.5em; padding-bottom : .75em; border-bottom : 3px double #dbd1b5; }
#nav-location li { display : inline; margin-right : 30px; }








/* Branding 

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



#branding { overflow : hidden; width : 940px; margin : .75em auto; }


/* Turns the site name text into a logo */

#branding #logo { float : left; width : 556px; height : 98px; margin : 0; background : url(../siteimages/logo.jpg) no-repeat; text-indent : -9999px; } 
#branding #logo a { display : block; width : 556px; height : 98px; }


/* Turns the telephone number into a graphic*/

#branding .vcard { float : right; width : 220px; height : 46px; margin : 3em 0 0 0; background : url(../siteimages/branding-vcard.jpg) no-repeat; text-indent : -9999px; }


/* Large branding image appears on most pages (image may vary) */

#branding img { clear : both; margin-top : .75em; }








/* Home page only introduction area 

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



#content-introduction { width : 940px; margin : .5em auto 2em auto; padding-top : 1.5em; border-top : 3px double #dbd1b5; }


/* Styles all paragraphs in this area */

#content-introduction p { padding : 0 60px; font-family : Cambria, Garamond, Georgia, Times, serif; text-transform : uppercase; line-height : 1.1;  color : #666; }


/* Makes the first paragraph large and the last paragraph smaller */
#content-introduction p:first-child { margin-bottom : .25em; font-size : 21px; }
#content-introduction p:last-child { font-size : 14px; }









/* Top navigation 

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



#nav-main { overflow : hidden; width : 940px; margin : 0 auto; background-color : #12507f; }
#nav-main li { float : left; font-size : 14px; text-align : center; }
#nav-main a, #nav-main a:visited { display : block; padding : 10px 12px; color : #fff; font-family : Cambria, Garamond, Georgia, Times, serif; font-weight : bold; text-shadow : #000 1px 1px 1px; }


/* Adjusts the link padding only on the home page */

.home a {padding : 10px 15px!important; }








/* Side navigation

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



.nav-sub { margin-right : 5px; padding : 20px; background-color : #f8f7f3; border : 1px solid #dbd1b5; }
.nav-sub a { display : block; padding-left : 15px; }
.nav-sub .trigger { font-weight : bold; }
.nav-sub a:hover { background-color : #fff; text-decoration : none; }
.nav-sub a[href="#"] { background : url(../siteimages/interface-down.png) no-repeat 0 50%; }
.nav-sub > li > a { margin-bottom : .5em; font-weight : bold; }
.nav-sub ul { margin-bottom : .75em; padding-bottom : 1.5em; border-bottom : 1px solid #dbd1b5; }
.nav-sub ol { list-style-type : none; margin-bottom : 0; padding-left : 20px;}
.nav-sub .sub-trigger { margin-top : .75em; font-weight : bold; }








/* Flickr, Facebook and YouTube logos 

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



#nav-elsewhere { position : relative; width : 305px; height : 30px; background : url(../siteimages/interface-logos.gif) no-repeat 0 0; text-indent : -9999px; }
#nav-elsewhere li { position : absolute; display : inline; width : 100px; }
#nav-elsewhere li#nav-flickr { left : 0; }
#nav-elsewhere li#nav-facebook { left : 100px; }
#nav-elsewhere li#nav-youtube { left : 200px; }
#nav-elsewhere a { display : block; width : 100px; }








/* Main structural layout divisions 

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



.content { overflow : hidden; width : 940px; margin : 0 auto; padding : 1.5em 0 0 0; }
.content-main { float : left; width : 600px; padding-right : 20px; } /* Left column */

.content-sub { float : right; width : 280px; padding-bottom : 3em; } /* Right column */





/* Mini columns 

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

.content-wrapper { overflow : hidden; width : 600px; } /* Wraps various interfaces */

.content-wrapper .col { float : left; width : 280px; } /* Mini-columns (see Restaurants) */

.content-wrapper .one { margin-right : 40px; } /* Adds margin to the first mini-column */



.nav-more .col { margin-bottom : 1.5em; min-height : 14em; border-bottom : 1px solid #dbd1b5; }




/* Team panel on about us page

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



#team { margin-bottom : 1.5em; padding : 1.5em 0; border-top: 1px solid #dbd1b5; border-bottom: 1px solid #dbd1b5; }
#team .nav-team { list-style-type : none; margin-bottom : 0; }
#team .nav-team li { padding : 2px 0; border-bottom : 1px solid #dbd1b5; }
#team .nav-team li:last-child { border-bottom-width : 0; }




/* =Google maps 
----------------------------------------------------------------------------------------- */



.g-map { margin-bottom : .75em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; 

text-align : center; }
.g-map p { margin-bottom : 0; text-align : left; }








/* Golden panels (see sidebar) 

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

.panel { margin-bottom : 1.5em; padding : 10px 20px; background-color : #f8f7f3; border : 1px solid #dbd1b5; }
.panel img { margin-bottom : .75em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.panel .hreview img { float : left; margin : 0 10px 0 0; padding : 10px; }
.panel .hreview .description { margin : 0 0 .25em 0; padding-right : 20px; background : url(../siteimages/quotes.png) no-repeat 100% 0; }
.panel .hreview p:last-child { margin : 0; }
.review h2 { padding : 0; margin : 0; }








/* A variation on the golden panel (fixed width)
----------------------------------------------------------------------------------------- */



.notes { margin-bottom : 1.5em; padding : 10px 20px; width : 405px; background-color : #f8f7f3; border : 1px solid #dbd1b5; }
.notes p:last-child { margin-bottom : 0; }








/* Bar events template 

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



.content-bar .vevent { overflow : hidden; margin-bottom : 1em; border-bottom : 1px solid #dbd1b5; }
.content-bar .vevent:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }
.content-bar .dt { float : left; width : 180px; }
.content-bar .summary, .content-bar .description { margin-left : 180px; }








/* =offers 

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



.offers h3 { margin-bottom : .25em; }
.offers h3 a { padding-right : 20px; }
.offers p { margin-bottom : 1em; }








/* Weather widget (it's always sunny!)
----------------------------------------------------------------------------------------- */



#weather { padding-left : 40px; min-height : 60px; background : url(../siteimages/icon-weather.jpg) no-repeat 0 50%; }
#weather h4 { position : relative; line-height : 50px; width : 270px; font : 12px Helvetica, Arial, Sans-serif; }
#weather img { position : relative; top : 12px; float : none; padding : 0!important; border-width : 0!important; left : 100px; }




/* Javascript slideshows (used on various pages)

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



.slideshow { position : relative; width : 570px; height : 360px; margin-bottom : 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; }
.slideshow-images { z-index : 1; position : absolute; }
.slideshow p { z-index : 2; position : absolute; bottom : 10px; left : 10px; margin : 0 10px 0 0; padding : 10px; background : rgba(0, 0, 0, .5); color : #fff; }








/* Photo gallery templates

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



.gallery_thumbnail { float : left; min-width : 175px; margin : 0 10px 5px 0; list-style-type : none; }
.gallery_thumbnail img { padding : 10px; background-color : #fff; border: 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }




/* - Photo gallery pagination 

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



#pagination { padding-top : 1.5em; border-top : 4px solid #f8f7f3; clear : both; }
#pagination li { display : inline; margin-right : 5px; }
#pagination li a { padding : 3px 7px; background-color : #f8f7f3; border : 1px solid #dbd1b5; font-weight : normal; }
#pagination li a.currentpage { background-color : #005575; color : #fff; border-color : #005575; }
#pagination li a.disablelink { background-color : #fff; border-color : #c7C8C4; color : #666; }




/* - Photo gallery Flickr feed

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



.flickr_badge_wrapper { overflow : hidden; }
.flickr_badge_wrapper a { float : left; width : 85px; margin : 0 20px 5px 0; }
.flickr_badge_wrapper img {padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }








/* =Restaurants page

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



.restaurant .col { padding-bottom : 1.5em; }
.restaurants .col img { padding : 0; border-width : 0; }
.caption { margin-bottom : 0; color : #999; text-align : right; font-size : 92%; }


/* Replaces the real restaurant name with their logo */
#h-pomodoro { width : 150px; height : 32px; background : url(../siteimages/h-pomodoro.jpg); text-indent : -9999px; }
#h-tandoori { width : 165px; height : 31px; background : url(../siteimages/h-tandoori.jpg); text-indent : -9999px; }
#h-vanilla { width : 109px; height : 57px; background : url(../siteimages/h-vanilla.jpg); text-indent : -9999px; }
#h-donpanino { width : 122px; height : 63px; background : url(../siteimages/h-donpanino.jpg); text-indent : -9999px; }
#camelbar { padding : 1.5em 0 0 100px; background : url(../siteimages/h-camelbar.jpg) no-repeat 0 50%; border-top : 1px solid #dbd1b5; }








/* Footer 

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



.siteinfo { margin-top : 4.5em; background-color : #12507f; }
#siteinfo { position : relative; width : 940px; margin : 0 auto; padding : 30px 0; }
#siteinfo ul, #siteinfo .vcard { margin-bottom : 4.5em; color : #aec9d6; }




/* Left column */



#nav-copyright { float : left; width : 240px; padding-right : 60px; }
#nav-copyright li { margin-bottom : .75em; }
#nav-copyright #self a { display : block; position : absolute; top : -73px; right : 200px; width : 98px; height : 79px; background : url(../siteimages/a-self.jpg); text-indent : -9999px; }


/* Center column */

#siteinfo #nav-supp { float : left; width : 300px; }


/* Right column */

#siteinfo .vcard { float : left; width : 320px; }
#siteinfo .tel { margin-top : 1.5em; }
#siteinfo a { color : #fff; }


/* Accreditations on home page */



#accreditations a { display : block; width : 465px; height : 112px; background : url(../siteimages/a-accreditations.jpg) no-repeat; text-indent : -9999px; }







/* Home page template (complicated) 

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



/* Adjust the column widths from the default (above) only on the home page */

.index .content-main { width : 540px; }
.index .content-sub { width : 330px; padding-bottom : 0; }


/* Adds a minimus height to the reviewer quote (sidebar) */

.index .panel blockquote { margin-bottom : 0; min-height : 95px; }


.index #siteinfo ul, .index #siteinfo .vcard { margin-bottom : 0; }




/* - Interactive JavaScript tab navigation

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



.index .nav-tabs { overflow : hidden; list-style-type : none; margin : 0; padding : 0 0 10px 0; width : 520px; }
.index .nav-tabs li { float : left; margin : 0 5px 0 0; padding : 0; }
.index .nav-tabs li a:focus, .index .nav-tabs li a:hover, .index .nav-tabs li a:active, .index .nav-tabs li.selected a { text-decoration : none; color : #fff; background-color : #658eac; }


.index .nav-tabs a { display : block; padding : 10px 20px; color: #b9ccda; text-transform : uppercase; font : 11px Helvetica, Arial, san-serif; font-weight : bold; text-decoration : none!important; }


/* Three tabs 

.index .nav-tabs a { padding : 10px 20px; } */



/* Four tabs */

.index .nav-tabs a { padding : 10px 10px; } 







/* - Interactive JavaScript tab content

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



.index .tabs { overflow : hidden; margin-bottom : .75em; padding : 10px; background-color : #12507f; }
.index .tabs + h2 { margin-bottom : 0; }
.index .tabs div * { color : #fff; }
.index .tabs div.ui-tabs-hide { display : none; }
.index #new-diving { height : 400px; background : url(../siteimages/photographer.jpg) no-repeat; }
.index #already-diver { height : 400px; background : url(../siteimages/index-02.jpg) no-repeat; }
.index #diving-feature { height : 400px; background : url(../siteimages/index-03.jpg) no-repeat; }
.index # underwater-video { height : 430px; }
.index #feed { height : 400px; }
.index .tabs .shaded { float : right; width : 200px; height : 339px; margin : 10px 10px 10px 0; padding : 20px; background-color : #000; background-color : rgba(0,0,0,.75); }
.index .tabs .shaded h3 { margin : 1.5em 0 .75em 0; padding-top : 1.5em; border-top : 1px solid #658eac; }
.index .tabs .shaded ol { list-style-type : none; margin-bottom : 0; }
.index .tabs p:last-child, .index .tabs .shaded p:last-child { margin-bottom : 0; }
.index .tabs a, .index .tabs a:visited { text-decoration : underline; }





/* - Second level (golden background)

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



.index .secondary { background-color : #f8f7f3; margin-bottom : 1.5em; border-top : 1px solid #dbd1b5; border-bottom : 1px solid #dbd1b5; }
.index .secondary .content-main h2 { margin-bottom : 0; }


/* Reverses the background colour of .panel */

.index .secondary .panel { padding-top : 10px; background-color : #fff; }




/* - - Second level news, forum and newsletter entries 

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



.index .hentry { clear : left; position : relative; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #dbd1b5; }
.index #content-news { min-height : 200px; }
.index .entry-title { margin-bottom : .5em; }
.index .entry-content { margin-bottom : .5em; }
.index .entry-content img { float : left; margin : 0 20px 0 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.index .published { position : absolute; top : 1em; right : 0; padding : 5px 20px; background-color : #b1a892; font : 10px Helvetica, Arial, sans-serif; text-align : center; font-weight : bold; text-transform : uppercase; color : #fff; }
.index #content-forum { padding-right : 150px; background : url(../siteimages/icon-forum.png) no-repeat 100% 4em; }
.index #content-newsletter { margin-bottom : 0; border-bottom-width : 0; }
.index #content-newsletter .action { position : absolute; top : 1em; right : 0; margin : 0; min-width : 88px; }
.index .action a { display : block; }
.index .replies { margin-top : 1em; }




/* - Third level

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



.index #content-apres { position : relative; }
.index #content-apres h2 { margin-right : 8em; line-height : 1.2; }
.index #content-apres .action { position : absolute; top : .75em; right : 0; margin : 0; }


/* - - Bar component 

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



.index #content-bar .published { display : none; }
.index #content-bar .related { padding : 5px 20px; background-color : #12507f; text-align : center; text-transform : uppercase; font : bold 10px Helvetica, 
Arial, sans-serif; letter-spacing : 1px; color : #fff; }


/* - - JavaScript slideshow 

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



.index .content-slider { position : relative; height : 382px; margin-bottom : .75em; }
.index .content-slider p { z-index : 2; position : absolute; bottom : 11px; left : 11px; width : 480px; margin : 0; padding : 20px; background-color : #000; background-color : rgba(0,0,0,.5); color : #fff; }
.index .content-slider img { z-index : 1; position : absolute; top : 0; left : 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.index .slideshow { position : relative; width : 520px; height : 360px; margin-bottom : 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; }




/* - - Adds a different style to the offers panel (until Firefox supports box-shadow) 

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



.index .offers { border-width : 2px; border-bottom-color : #7c7c7a; }








/* Article pages  (look for class="article" on the body element of a page)

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



.article p + h3 { clear : both; margin-top : 1.5em; }
.article h1 + p:first-line { font-weight : bold; }
.article .tabbed iframe { padding : 10px; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.article .content img { margin-bottom : 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.article .content-main blockquote { padding-left : 20px; border-left : 3px double #dbd1b5; }
.article .slideshow { width : 570px; height : 320px; }
.article .slideshow img { padding : 0; border-width : 0; }


/* Picture captions */



.caption { text-align : left; width : 190px; }
.r { float : right; margin : 0 0 10px 10px; }
.l { float : left; margin : 0 10px 10px 0; }
.w { width : 240px; } 









/* Dive center pages
-----------------------------------------------------------------------------------------*/

.dive-centers .content-main h3 { margin-bottom : 0; }
.dive-centers .content-main h3 + p { margin-bottom : 3em; }


/* Forms   (look for class="contact" on the body element of a page)
----------------------------------------------------------------------------------------- */

/* Mini columns */

.contact .col { float : left; width : 300px; }
.contact .col .panel { margin-right : 30px;  }

.contact .col img { margin : 0 20px 0 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }

.contact .content-wrapper { width : 640px; float : left; }
.contact .content-wrapper .col { width : 280px; }
.contact .col p { min-height : 2em; }
.contact .col p.action { border-top : 1px solid #dbd1b5; padding-top : 1.5em; }


/* Adds space around the telephone number */



.contact fieldset .tel { margin : 1.5em 0; }


/* Makes the bottom fieldset super wide */



.contact .four { clear : left; float : none; width : 900px; }
.contact .four textarea { width : 900px; }
/* Form elements */



/* Controls the width of the table rows on the contact page */



.td-book { width : 40px; }
.td-price { width : 100px; }
.td-dates { width : 210px; }


/* Removes unwanted labels */



.td-dates label span { display : none; }


/* arrival and departure dates */



.dates-row { overflow : hidden; }


.contact .std_day { float : left; width : 40px; margin-right : 10px; }
.contact .std_day select { width : 40px; }
.contact .std_month { float : left; width : 70px; margin-right : 10px; }
.contact .std_month select { width : 70px; }
.contact .std_year { float : left; width : 60px; }
.contact .std_year select { width : 60px; }
.contact .additional { margin-top : 1.5em; padding-top : 1.5em; border-top : 3px double #dbd1b5; } 

.contact form p { clear : left; }
.contact .group { margin-bottom : 3em; }
.contact .booking { padding : .75em 0; background-color : #12507f; text-align : center; }


/* Adjusts the width of tables */



.standard .alternating { width : 99%; }
.standard .td-book { width : 50px; } 

.standard .td-service { width : 290px; } 

.standard .td-price { width : 170px; } 

.standard table label { margin-bottom : 0; }


/* Controls the width of the table rows on the prices page */

.prices table { width : 100%; }
.prices table tr:nth-child(even) { background : #f8f7f3; } 

.prices .th-desc { width : 59%; }
.prices .th-standard { width : 20%; }
.prices .th-advance { width : 21%; }






/* News template  

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



/* News entries */



.news .content-main .hentry { position : relative; margin-bottom : 1em; padding-bottom : 2em; border-bottom : 1px solid #dbd1b5; }
.news .content-main .hentry:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }


/* Makes the first line bold without <b> or <strong> */



.news .content-main .entry-summary:first-line { font-weight : bold; }
.news .content-main .entry-content h3 { margin-top : 3em; }


/* Floats images left and adds frame border */



.news .content-main .entry-content img { float : left; margin : 0 20px 0 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.news .content-main .entry-content blockquote { margin : 3em 0; padding-left : 40px; border-left : 1px solid #dbd1b5; }
.news .content-main .entry-content > p { margin-bottom : .5em; }

.blog .content-main .entry-content img { margin : 0 20px 1em 0; }


/* Positions the date on the right and adds a background colour */



.news .content-main .dt { position : absolute; top : .5em; right : 0; padding : 5px 20px; background-color : #b1a892; font : bold 10px Helvetica, Arial, sans-serif; text-align : center; text-transform : uppercase; color : #fff; }
.news .content-main .entry-meta { margin-top : 1.5em; padding-top : 1.5em; border-top : 1px solid #dbd1b5; }


/* News entries in the sidebar (may be redundant) */



.news .content-sub .hentry { position : relative; margin-bottom : 1.5em; border-bottom : 1px solid #dbd1b5; }
.news .content-sub .hentry:last-child { margin-bottom : 3em; padding-bottom : 0; border-bottom-width : 0; }
.news .content-sub .entry-title, .news .content-sub .entry-summary { margin : 0 0 .5em 60px; }
.news .content-sub .entry-meta { position : absolute; top : 0; left : 0; width : 30px; padding : 5px; background-color : #ddd2b7; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 1; color : #fff; }
.news .content-sub .author { display : none; }








/* News template  

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

.blog .entry-summary { margin-bottom : 1em; }

.reply, .personal { width : 300px; float : left; }

#comment_form input[type="submit"] { margin-bottom : 1em; }

.guidelines { clear : both; }

.entry-comments { list-style-type : none; }




/* Reviews template  

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

.reviews .hreview { list-style-type : none; overflow : hidden; margin-bottom : 2em; padding-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #dbd1b5; }
.reviews .hreview:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }


.reviews .hreview .vcard { font-weight : bold; }
.reviews .hreview .photo { float : left; margin : 0 20px .75em 0; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : 
#7c7c7a; }








/* Special offers template  

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



.offers .hlisting { overflow : hidden; position : relative; margin-bottom : 1.5em; padding-bottom : 0; border-bottom : 1px solid #dbd1b5; }
.offers .hlisting:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }
.offers .hlisting .summary { overflow : hidden; width : 100%; }
.offers .hlisting .summary a { display : block; float : right; }
.offers .hlisting .price { font-weight : bold; }








/* Jobs template  ----------------------------------------------------------------------------------------- */



.jobs .hlisting { overflow : hidden; position : relative; margin-bottom : 1.5em; padding-bottom : 0; border-bottom : 1px solid #dbd1b5; }
.jobs .hlisting:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }
.jobs .hlisting .summary { overflow : hidden; width : 100%; }
.jobs .hlisting .summary a { display : block; float : right; }








/* Courses category template  

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



/* Clickable course names (accordian effect) */

.courses .hlisting .summary { padding : 10px 20px 10px 30px ; background : #f8f7f3 url(../siteimages/lib-arrow-right.png) no-repeat 10px 50%; border : 1px solid #dbd1b5; cursor : hand; cursor : pointer; }
.courses .hlisting .summary:active { background-image : url(../siteimages/lib-arrow-down.png); }


/* Floats images left and adds frame border */

.courses .hlisting .photo { float : left; margin-bottom : 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.courses .hlisting .narrow p { margin-left : 180px; }
.courses .hlisting ul { overflow : hidden; clear : both; margin-top : .75em; padding-top : 1.5em; border-top : 1px solid #dbd1b5; }
.courses .hlisting li { display : inline; float : left; width : 180px; }
.courses .hlisting li.action { float : right; min-height : 30px; text-align : right; }


/* Courses detail template  
----------------------------------------------------------------------------------------- */

/* Floats images left and adds frame border */

.detail .content-main img { margin-bottom : 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; border-bottom-color : #7c7c7a; }
.detail .content-body ul { list-style-type : disc; list-style-position : inside; }


/* Sitemap template  
----------------------------------------------------------------------------------------- */

.sitemap-wrapper { overflow : hidden; width : 100%; margin-bottom : 1.5em; border-bottom : 1px solid #dbd1b5; }
.sitemap-wrapper .col { float : left; width : 220px; margin-right : 20px; }
.sitemap-wrapper .four { margin-right : 0; }
.sitemap-search { width : 600px; margin-top : 2em; padding-top : 1em; float : left; }
.sitemap-search fieldset { float : left; width : 220px; margin-right : 20px; }
.sitemap-search label span { display : none; }


/* Webkit and gecko styles (proves that Andy is indeed a CSS hero)  
----------------------------------------------------------------------------------------- */

#nav-tools fieldset, #nav-main, .nav-sub, .tabs  { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; }
.content-sub blockquote, .notes, .panel { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; }
.courses .hlisting .summary { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; }
.action a, .content-main .hentry .published, .booking { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
#content-bar .related { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.news .content-main .dt { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.news .content-sub .entry-meta { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }isting .summary { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; }
.action a, .content-main .hentry .published { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.news .content-main .dt { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.news .content-sub .entry-meta { border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }
.index .offers { margin-right : 5px; box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; -moz-box-shadow : #888 0 0 5px; }