﻿body { background-color:#005984; margin:0; font-size:68.9%; /* Default (medium) is 16px: scale to 11px */ font-family: Arial, Helvetica, sans-serif; }
a { outline:none; }
.quote { font-weight:bold; }
.testimonial-quote { font-size:11px!important; margin:8px 0px!important; }
.testimonial-quote strong { font-size:10px!important; }

/* common: inline */
.audio { display: none;}
.col-main h1 { font-size: 2em; color: #00496C; }
.col-main h2 { font-size: 1.4em; color: #00496C; }
.col-main h3 { font-size: 1.2em; color: #00496C; }
.col-main h4 { font-size: 1em; color: #00496C; }
.col-main a { color: #00496C; }

a.primary-button { background-color:#ed464e; background-image:-webkit-linear-gradient(top, #ed464e, #d22f2d); background-image:linear-gradient(top, #ed464e, #d22f2d); background-image:-moz-linear-gradient(top, #da3734, #ce211d); border-radius:3px; color:#FFF; padding:7px 30px; box-shadow:rgba(0, 0, 0, .25) 0 1px 1px; font-weight:bold; font-size:12px; text-decoration:none; clear:both; border:1px solid #841312; }

p.oblique { font-size: 11px; color: #2D98CC; font-style: italic; margin-left: 2em; }
p.break a { margin-left: 2em; text-transform: uppercase; color: #00496C; font-weight: bold; }
.form-table { text-align:left; text-decoration:none; padding: 10px; }
.form-table th { text-align: left; }

/* structure: root / contains all content, define overall width */
.wrapper { width:988px; /*Σ 1024*/ padding-left:36px; margin:auto; float: left; background:#0076AE url('tpl/main-background.jpg') 0 0 repeat-x; }
.wrapper .lining { width:949px; padding-right:39px; float:left; background: transparent url('tpl/top-right-splash.gif') 100% 0 no-repeat; }

/* i wondered what to call this: its a lining in a lining, so its called lining! */
.wrapper .lining .lining { float:left; position:relative; left:-36px; padding-left:36px; background:transparent url('tpl/bottom-splash.gif') 0 100% no-repeat; }

/* structure: header / contains header, logo (ident), p (email & phone), main navigation */
.header div.logo { margin:0; }
.header div.logo a { width:198px; height:127px; text-indent:-6000px; margin:29px 0 0 -2px; float:left; background:transparent url('tpl/ac-logo.jpg') 0 0 no-repeat; }
.header p { display:none; }
.header p.contact-bar { display:block; width:429px; /*Σ 487*/ height:24px;/*29*/ padding:5px 24px 0 34px; margin:0; float:right; font-size:1.4em; font-weight:bold; color:#fff; background:transparent url('tpl/email-bar.png') 0 0 no-repeat; /*background-color: #FF0; opacity: .4;*/ }
.header a { color:#00496C; text-decoration:none; }

/* primary navigation (split into utility (top row) and section (bottom row)) */
.header ul { width:737px; height:41px; margin:33px 0 0; padding:0; float:right; display:inline; }
.header li { display:inline; float:left; margin:0; padding:0; position:relative; }
.gallery .header ul { margin-top:62px; }

/* common nav links */
.header ul a { /*width: auto;*/ /* bad idea once text-indent is off to the negative!*/ padding:0; float:left; display:inline; color:#fff; }

/* the 'break' li splits the list in two
it does this by adding a big wodge of padding on the right. (the more elegant clear:left; float: left; does not work in msie7) */
.header ul li.break { padding-right:274px; /*369*/ }

/* the utility are the less prominent */
.header li.utility a { height:12px; font-size:.8em; border-right:1px solid #fff; }

/* section li are the more prominent */
.header ul li.section { margin-top:16px; }
.header ul li.section a { height:25px; font-size:1.6em; font-weight:bold; border-right:2px solid #fff; }

/* in place of the li:last-child css3 selector */
.header ul li.break a, .header ul li.end a { border-right:0; }

/* in place of the li:first-child css3 selector */
.header ul li.first a { padding-left:0; }

/* nav graphics */
.nav-home a, .nav-prices a, .nav-offers a, .nav-yachts a, .nav-gallery a, .nav-news a, .nav-contact a, .nav-rya a, .nav-charter a, .nav-racing a, .nav-cruising a { text-indent:-6000px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; height:13px; }
.nav-rya a, .nav-charter a, .nav-racing a, .nav-cruising a { height:25px; }

/* individual graphics*/ 
.nav-home a { background-image: url('tpl/nav/home-ov.gif'); width:40px;}
.nav-home a:hover, .nav-home strong a { background-image: url('tpl/nav/home-up.gif'); }
.nav-prices a { background-image: url('tpl/nav/prices-ov.gif'); width:46px;}
.nav-prices a:hover, .nav-prices strong a  { background-image: url('tpl/nav/prices-up.gif'); }
.nav-offers a { background-image: url('tpl/nav/special-offers-ov.gif'); width:93px; }
.nav-offers a:hover, .nav-offers strong a  { background-image: url('tpl/nav/special-offers-up.gif'); }
.nav-yachts a { background-image: url('tpl/nav/yachts-ov.gif'); width:74px; }
.nav-yachts a:hover, .nav-yachts strong a  { background-image: url('tpl/nav/yachts-up.gif'); }
.nav-gallery a { background-image: url('tpl/nav/gallery-ov.gif'); width:50px; }
.nav-gallery a:hover, .nav-gallery strong a  { background-image: url('tpl/nav/gallery-up.gif'); }
.nav-news a { background-image: url('tpl/nav/news-ov.gif'); width:83px; }
.nav-news a:hover, .nav-news strong a  { background-image: url('tpl/nav/news-up.gif'); }
.nav-contact a { background-image: url('tpl/nav/contact-ov.gif'); width:69px; }
.nav-contact a:hover, .nav-contact strong a  { background-image: url('tpl/nav/contact-up.gif'); }

/*Σ top row = 362px*/
.nav-rya a { background-image: url(tpl/nav/rya.gif); width:180px; }
.nav-rya a:hover, .nav-rya strong a, #rya a.on, #rya a.on strong { background-position:0 -25px; }
.nav-charter a { background-image: url('tpl/nav/charter-ov.gif'); width:240px; }
.nav-charter a:hover, .nav-charter strong a { background-image: url('tpl/nav/charter-up.gif'); }
.nav-racing a { background-image: url('tpl/nav/racing-ov.gif'); width:177px; }
.nav-racing a:hover, .nav-racing strong a { background-image: url('tpl/nav/racing-up.gif'); }
.nav-cruising a { background-image: url('tpl/nav/cruising-ov.gif'); width:111px; }
.nav-cruising a:hover, .nav-cruising strong a { background-image: url('tpl/nav/cruising-up.gif'); }

/* subnav */
.subnav { display:none; width:270px; position:absolute; top:25px; left:-16px; z-index:100; background:url(tpl/nav/subnavTop.png) no-repeat; }
.wrapper .header .subnav ul { display:block; width:270px; margin-top:13px; height:auto; float:none; background:url(tpl/nav/subnavBg.png) repeat-y; }
.wrapper .header .subnav ul li { display:block; width:auto; float:none; padding-left:4px; }
.wrapper .header .subnav ul li a { display:block; width:235px; height:21px; padding-top:7px; padding-left:20px; border-bottom:1px solid #f4f4f4; border-right:none; float:none; font-size:12px; font-weight:bold; color:#00496c; text-indent:0; background-image:none; }
.wrapper .header .subnav ul li a:hover { color:#2d98cc; }
.wrapper .header .subnav ul li a.last { border-bottom:none; }
.subnav .bottom { width:270px; height:10px; position:absolute; left:0; bottom:-10px; background:url(tpl/nav/subnavBottom.png) no-repeat; }

/*Σ bottom row = 692px*/

/* structure: content regions
/ contains main content area and its columns. Organised as follows:
/  - contentWrapper: full width container
/     - col-info: left-hand column
/     - content:  container for the centre and right columns
/        - col-main: main content
/        - col-related: right-hand side column */
.contentWrapper { clear:both; float:left; width:949px; }
.content { float:right; width:737px; }

/* central column: main page content*/
.col-main { float:left; width:489px; padding:0; margin:-10px 0 0; background:white url('tpl/center-col-top-wide.gif') 0 0 no-repeat; }
.col-main-lining { width:473px; /*489 - 16px */ padding:10px 8px; float:left; display:inline; }
.col-main hr { border-top: 0; height: 1px; border-color: #2D98CC; color: #2D98CC; width:340px;}

/* right-hand column for info relating to main content and section nav*/
.col-related { float:right; width:232px; }
.right-panel { width:232px; float:left; margin-bottom:10px; background:#00496C url('tpl/internal-db-box-top.gif') 0 0 no-repeat; }
.right-panel .panel-lining { width:178px; padding:5px 27px 8px; float:left; background:transparent url('tpl/internal-db-box-bottom.gif') 0 100% no-repeat; }
.right-panel h3, .right-panel p { margin:0; color:#fff; font-size:0.9em; }
.right-panel a { color:#fff; }
.right-panel h3 { font-size:1.2em; margin-top:.2em; margin-bottom:.2em; }
.right-panel h3.dark-blue { font-size:1.2em; margin-bottom:.5em; color:#00496C; }

/* section navigation */
.col-related .section { background:#2D98CC url('tpl/internal-lb-box-top.gif') 0 0 no-repeat; padding-top:15px; }
.col-related .section-lining { float:left; width:200px; background:transparent url('tpl/internal-lb-box-bottom.gif') 0 100% no-repeat; padding:0 0 15px 27px; }
.col-related .section ul { width:178px; /* width:232-2*padding:27*/ margin:0 0 1em; padding:0; float:left; display:inline; }
.col-related .section li { width:178px; display:inline; float:left; margin:0; padding:0 0 1px; background-image:url('tpl/arrow-bullet.gif'); background-repeat:no-repeat; }
.col-related .section li a { width:165px; background:transparent url('') 0 0 no-repeat; padding:0 0 0 13px; float:left; display:inline; color:#fff; }
.col-related .section li a:hover { color:#00496C; }
.col-related .section li a:visited { color:#ADDBE2; }

/* left-hand column for supporting info*/
.col-info { float:left; width:196px; } 
.map { float:left; width:196px; height:161px; margin:0 0 23px; background-color:#006; }
.left-panel { float:left; width:196px; background:#2D98CC url('tpl/news-top.gif') 0 0 no-repeat; }
.left-panel .panel-lining { width:158px; padding:18px 19px; float:left; display:inline; background:transparent url('tpl/news-bottom.gif') 0 100% no-repeat; }
.left-panel h3, .left-panel p { margin:0; }
.left-panel h3 { font-size:1.2em; margin-bottom:.5em; color:#00496C; }
.left-panel h3 a { color:#00496C; }
.left-panel h4 { font-size:1em; color:#fff; width:145px; padding:0; margin:10px 0 3px; }
.left-panel h4 a { color: #fff; } 
.left-panel h4 a:hover { color: #00496C; }
.left-panel h4 a:visited { color: #ADDBE2; }
.left-panel hr { border-top: 0; height: 1px; border-color: #ADDBE2; color: #ADDBE2; }
.left-panel h5 { font-size:0.95em; color:#00496C; width:145px; padding:0; margin:0 0 5px 0; }
.left-panel p { color:#fff; }
.dhaus { float:left; width:196px; text-align:right; margin-left:0; margin-right:0; margin-top:10px; }
.dhaus a { color:#fff; /* dh glyph, padding etc..*/ }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ inline: contribute styles /*/
.image-main { width:473px; height:161px;     
    /*delete*/ display:block;
    /*delete*/ background-color:#ccf;
}
.image-left { width:207px; height:128px; float:left; margin-right:1em;    
    /*delete*/ display: block;
    /*delete*/ background-color: #ccf;
}

.image-right { width:207px; height:128px; float:right; margin-left:1em;    
    /*delete*/ display: block;
    /*delete*/ background-color: #ccf;
}

.image-home { width:344px; height:285px; float:left; margin-bottom:10px; }

/* the splash that overlays the main homepage image (.image-home)*/
.splash-overlay { width:344px; height:140px; margin-top:-150px; display:block; float:left; background:transparent url('tpl/image-base-splash.png') 0 0 no-repeat; }
.polaroid { width:145px; height:161px; margin-top:-45px; margin-bottom:-45px; float:right; border:0; }
.iberian-logo { float:right; margin-top:-35px; border:0; }

/* Home Page Feature Boxes /*/
.hp-feature { float:left; margin-left:11px; margin-top:11px; margin-bottom:11px; }
.hp-feature a { float:left; display:inline; margin:0; padding:5px; width:146px; height:89px; }
.hp-feature a:hover { text-decoration:none; }
.f-one { background:transparent url('tpl/hp-feature-1.gif') 0 0 no-repeat;}
.f-two { background:transparent url('tpl/hp-feature-2.gif') 0 0 no-repeat;}
.hp-feature a p { margin:0; padding:0; }
.hp-feature a:visited { color:#00496C; }
.hp-mainfeature { float:left; clear:both; width:323px; height:80px; margin-left:11px; margin-top:11px; background:transparent url('tpl/panel-323.jpg') 0 0 no-repeat; }
.hp-mainfeature a { margin-left:10px; margin-top:10px; text-transform:uppercase; color:#00496C; font-weight:bold; float:left; clear:both; }
.hp-mainfeature span { float:left; clear:both; font-size:11px; margin-left:10px; width:155px; }

/* structure: footer /*/
.footer
{
    float: left;
    width: 473px;
    padding: 10px 8px;
    margin: 0;
    background: #00496C url('tpl/center-col-bottom-wide.gif') 0 100% no-repeat;
}
.footer-contact
{
    font-size: 1.1em;
    color: #fff;
    margin: 0;
}
.footer-contact a { color:#fff; }
.footer-legal { color:#2D98CC; margin:1em 0 0 0; }
.footer-legal a { color:#2D98CC; float:right; } 

/* structure: HOME PAGE
/ adjust widths for homepage layout: the homepage is similar to the content template
/ only the main and side columns are 361px and 360px respectively. To enable a 'homepage' layout
/ simply add the homepage class to the wrapper div: <div class="wrapper homepage"> 
/*/
.homepage .col-main { width:361px; background:white url('tpl/center-col-top.gif') 0 0 no-repeat; }
.homepage .col-main-lining { width:345px; padding:10px 8px; float:left; display:inline; }
.homepage .col-related { width:360px; }
.homepage .footer { width:345px; background:#00496C url('tpl/center-col-bottom.gif') 0 100% no-repeat; }
.homepage .section ul { width:306px; }
.homepage .section li { width:306px; }
.homepage .section li a { width:293px; }

/* gallery /*
/* gallery albums*/
.gallery-pile { float:left; width:145px; height:166px; margin:0 5px 1em 0; background:transparent url('tpl/gallery-album.jpg') 0 0 no-repeat; }
.gallery-pile a img { border:0; float:left; margin:19px 0 0 21px; }
.gallery-pile h4 { float:left; display:inline; width:100px; margin:7px 0 0 21px; font-size:10px; color:#2D98CC; font-style:italic; }

/* individual gallery photos */
.gallery-single { float:left; width:154px; height:194px; margin:0 5px 1em 0; background:transparent url('tpl/gallery-frame.gif') 0 0 no-repeat; }
.gallery-single a img { border:0; float:left; margin:7px 0 0 7px; }
.gallery-single h4 { float:left; display:inline; width:139px; margin:7px; font-size:10px; color:#2D98CC; font-style:italic; }
.dark-blue { color:#00496C; }

/* home page update 2010 - Dan Wellman */
.homepage .image-home { width:auto; height:auto; }
.homepage .col-main-lining { width:473px; padding:10px 0 0 5px; }
.homepage .hp-mainfeature { width:480px; height:94px; margin:11px 0 0 0; background:transparent url('tpl/homepage-update/home_banner.jpg') 0 0 no-repeat; }
.homepage .footer { width:473px; background: #00496C url('tpl/homepage-update/center-col-bottom-wide.gif') 0 100% no-repeat; position:relative; }
.homepage .home-right-pods li { float:none; display:block; list-style-type:none; }
.homepage .footer-legal span { width:440px; }
.homepage .home-right-pods h3 { float:none; display:block; color:#fff; margin-top:0; font-size: 1.4em; }
.homepage .hp-mainfeature span { float:right; width:100px; margin-right:10px; margin-top:10px; }
.homepage .hp-mainfeature span.blue { color:#00496C;float:none; display:inline; margin:0; }
.homepage .hp-mainfeature a { float:none; display:block; margin-left:0; margin-top:3px; color:#333; text-transform:none; }
.homepage .credit { color:#2D98CC; font:9px Arial; float:right; margin:-7px -4px 0 0; }
.homepage .credit a { color:#2D98CC; }
.homepage p.oblique { display:inline; margin-left:0; position:relative; left:10px; top:10px; font-weight: bold; }
.homepage .f-one, .homepage .f-two { background:none; }
.homepage .hp-feature { float:left; margin:11px 11px 11px 0; width:150px; height:116px; background:url('tpl/homepage-update/feature_box.gif') no-repeat; position:relative; }
.homepage .hp-feature img { border:none; position:absolute; bottom:12px; left:23px; }
.homepage .f-two img { bottom:15px; }
.homepage .f-three { margin-right:0; }
.homepage .f-three img { left:53px; }
.homepage .hp-feature a { height:auto; width:auto; color:#333; }
.homepage .hp-feature a span { display:block; color:#333366; }
.homepage .racing-pod { height:235px; }
.homepage .video-heading { text-indent:-9999px; height:11px; width:88px; background:url('tpl/homepage-update/video-heading.gif') no-repeat 0 0; margin:20px 0 0 10px; }
.homepage .video-placeholder { width:480px; height:295px; position:relative; top:10px; margin-bottom:20px; clear:both; }
#weather a { font-size:14px; width:100%; text-align:center;display:block; margin:10px 0 5px; font-weight:bold; }
#weather .panel-bottom { width:232px; background:url(tpl/homepage-update/blue-box-bottom.png) no-repeat; height:21px; position:absolute; bottom:-11px; left:0; }
#weather h4 { color:#fff; width:156px; margin:0; padding:8px 0 5px; background:url('tpl/homepage-update/weather.gif') no-repeat 100% 0; font-size:13px; }
#weather .opener { display:block; width:20px; height:20px; background:url('tpl/homepage-update/opener.gif') no-repeat 0 0; position:absolute; right:10px; top:-3px; }
#weather .opener-open { background-position:0 -20px; }

/* mini form */
.contact-form-mini { margin:40px 0; }
.contact-form-mini fieldset { width:410px; padding:0; border:none; }
.contact-form-mini label { display:block; width:100px; float:left; }
.contact-form-mini input { width:259px; margin-bottom:10px; float:left; }
.contact-form-mini .submit-form { width:auto; margin:10px 44px 0 0; float:right; }

/* blogengine update April 2010 */
.post h1 { margin-bottom:6px; font-size:20px; }
.post h1 a { color:#00496C; }
.post h1 a:hover { color:#000; }
.post h6 { font-weight:normal; font-size:11px; margin-top:0; margin-bottom:12px; color:#999; }
.post h6 span { font-weight:bold; color:#666; }
.post .footer { padding:0; margin-bottom:20px; background:none; }
.post a { color:#00496C; font-weight:bold; }
.post a:hover { color:#000; }

/* comments */
#addcomment { font-size:16px; font-weight:bold; color:#00496C; }
.commentForm label { display:block; padding-top:4px; float:left; width:60px; }
.commentForm input { margin-bottom:6px; }
.bbcode a { padding-right:2px; margin-right:2px; border-right:1px solid #00496C; }
#commentPreview { display:none; }
#commentlist .content { width:auto; float:none; }

#postnavigation { margin-top:10px; }
#postnavigation a { color: #2D98CC; font-weight:bold; }
#postnavigation a:hover { color:#ADDBE2; }

.footer-blog-login { clear:both; }
.footer-blog-login a { color:#fff; }
.footer-blog-login a:hover { color:#2D98CC; }

/* sidebar */
.widgetzone .widget { margin:0 0 0 20px; }
.widgetzone .widget a { margin-right:5px; padding-left:5px; border-left:1px solid #fff; font-weight:bold; color:#fff !important; }
.widgetzone .widget a:first-child { border-left:none; padding-left:0; }
.widgetzone .widget a:hover { color:#00496C !important; }
.widgetzone .content { width:auto; float:left; }
.widgetzone .content a:first-child { padding-left:10px; }
.widgetzone h4 { margin:10px 0 10px 0; color:#00496C; font-size:13px; }
.widgetselector { margin-left:20px; width:140px; }
#monthList li { background-image:none !important; }
#monthList li ul li { background-image:url("tpl/arrow-bullet.gif") !important; }
#recentPosts li span { margin-bottom:10px; float:right; color:#fff; }

/* RYA Books */
.book-shelf { width: 473px; }
.left { float: left; }
.clear { clear: both; }
.book { width: 120px; margin: 0px 15px; }

/* homepage update 2011 :Dan Wellman */
.accessible-hidden { display:block; overflow:hidden; text-indent:-5000px }
.homepage .col-info { margin-top:-279px; }
.homepage .col-related { float:right; width:232px; margin-bottom:10px; }
.homepage #weather { height:auto; width:232px; margin:-1px 0 0; padding:5px 0 0; background:url(tpl/homepage-update2011/weatherTop.png) no-repeat 0 0; }
#weather .panel-lining { position:relative; padding-bottom:10px; background:#009ace url(tpl/homepage-update2011/weatherBottom.png) no-repeat 0 100%; }
.homepage #weather h4 { padding-left:22px; }
#weather .weather-wrapper { display:none; position:relative; left:18px; width:199px; overflow:hidden; }
#hero { width:737px; height:252px; margin-bottom:27px; position:relative; float:right; background:url(tpl/homepage-update2011/heroBg.gif) no-repeat; }
#slideContainer { height:245px; width:729px; position:relative; top:4px; left:4px; overflow:hidden; }
#slider { height:980px; width:710px; position:absolute; top:0; left:0; }
.panel { height:223px; width:695px; padding:22px 0 0 15px; position:relative; }
.panel img { position:absolute; top:0; left:0; }
.panel h2, .panel p, .panel a { position:relative; }
.panel h2 { width:190px; margin-top:0;  }
.panel h2 a { color:#bf0300; font-size:18px; text-decoration:none; }
.panel p { width:260px; color:#004a6c; font-size:14px; }
.panel a.book-now { width:122px; height:33px; background:url(tpl/homepage-update2011/button.gif) no-repeat 0 0; }
.panel a.book-now:hover { background-position:0 -33px; }

#ui { width:170px; height:245px; position:absolute; right:0; top:0; background:url(tpl/homepage-update2011/heroUiBg.png) no-repeat; }
#ui ul { margin:0 0 0 13px; padding:0; }
#ui li { position:relative; list-style-type:none; }
#ui li a { height:61px; width:156px; background:url(tpl/homepage-update2011/uiUnders.png) repeat-x 0 0; }
#ui li a#panel-2 { background-position:0 -61px; }
#ui li a#panel-3 { background-position:0 -122px; }
#ui li a#panel-4 { background-position:0 -183px; }
#ui li.last { border-bottom:1px solid #c0c0c0; }
#ui li a.over { height:62px; width:172px; position:absolute; top:0; left:172px; z-index:100; background:url(tpl/homepage-update2011/uiOvers.png) repeat-x 0 0; }
#ui li a#link-2-over { background-position:0 -62px; }
#ui li a#link-3-over { background-position:0 -124px; }
#ui li a#link-4-over { background-position:0 -186px; }
#ui li a.on { left:-15px; }

.homepage .col-main { width:489px; background:#fff url(tpl/homepage-update2011/introBg.gif) no-repeat 0 0; margin-top:0; }
.homepage .col-main h1 { padding-left:10px; }
.homepage .col-main p { padding-left:135px; color:#043348; }
.homepage .col-main .intro-text { margin-bottom:20px; }
.homepage .col-main .intro-text p { font-size:12px; margin-bottom:0; }
.homepage .col-main .footer p { padding-left:0; color:#fff; }
.homepage .col-main .footer .copy { float:left; }
.homepage .col-main .footer p.footer-legal, .homepage .col-main .footer p.footer-credit { margin-top:4px; }
.homepage .col-main .footer p span { font-size:11px; color:#008cbd; }
.homepage .col-main .footer p.footer-credit { margin-bottom:0; }
.homepage .col-main .footer p.footer-credit a { color:#fff; }
#social { float:right; text-align:right; }
#tweet { margin:10px -4px 0 0; }
.home-banner { width:483px; height:113px; margin:0 0 10px -2px; position:relative; background:url(tpl/homepage-update2011/homeBannerBg.png) no-repeat 0 0; }
.home-banner .inner-wrap { width:320px; height:94px; padding:9px 135px 0 17px; position:relative; top:4px; left:5px; }
.home-banner h2, .home-banner a, .home-banner .price span { color:#ca0300; }
.home-banner h2 { margin-bottom:0; font-size:14px; }
.home-banner h2 a { text-decoration:none; }
.home-banner .price span { display:block; position:relative; top:-5px; font-size:28px; text-align:right; }
.home-banner .price span.lead-in { font-size:12px; color:#043348; position:relative; top:2px; }
.col-main .home-banner p { padding-left:0; }
.home-banner p a { font-weight:bold; white-space:pre; }
.home-banner p.price { position:absolute; right:5px; bottom:-16px; *bottom:-5px; float:right; text-align:right; }
.fast-track-yachtmaster .inner-wrap { background:url(tpl/homepage-update2011/fastTrackYachtmaster.jpg) no-repeat 0 0; }
.yachtmaster-prep .inner-wrap { background:url(tpl/homepage-update2011/yachtmasterPrepBanner.jpg) no-repeat 0 0; }
.spinnaker .inner-wrap { background:url(tpl/homepage-update2011/spinnaker.jpg) no-repeat 0 0; }

.homepage .left-panel .panel-lining { height:557px; }
.left-panel .panel-lining img { display:block; margin-bottom:15px; }
.contact-left-col { width:103px; height:34px; margin:10px 0 16px; background:url(tpl/homepage-update2011/contactButton.gif) no-repeat 0 0; }
.contact-left-col:hover { background-position:0 -34px; }
.homepage .footer a.dh-link { position:absolute; left:-115px; margin-top:33px; *margin-top:45px; color:#a6d3ea; padding:0 0 4px 25px; background:url('tpl/homepage-update/dh-logo.gif') no-repeat 0 0; }

.home-right-pods { width:206px; height:186px; padding:18px 13px; margin-bottom:15px; position:relative; }
.home-right-pods p { color:#004a6c; margin-top:0; }
.home-right-pods p.link { position:absolute; bottom:0; *bottom:10px; }
.home-right-pods p a { color:#c50300; font-weight:bold; }
.right-yacht-racing { background:url(tpl/homepage-update2011/rightRacing.jpg) no-repeat; }
.right-yacht-racing hr { display:block; width:193px; height:3px; border:none; margin:-5px 0 10px; float:none; background:url(tpl/homepage-update2011/yachtRacingUnderline.gif) no-repeat 0 100%; }
.africa-breaks { background:url(tpl/homepage-update2011/rightAfrica.jpg) no-repeat; }
.right-special-offers { background:url(tpl/homepage-update2011/rightSpecial.jpg) no-repeat; }
.homepage .home-right-pods h3 { margin-bottom:5px; }

/* compo banner */
#hero { margin-bottom:15px; }
.homepage .col-info { margin-top:-268px; }
.compoBanner { width:604px; height:68px; padding:23px 0 0 133px; margin-bottom:17px; position:relative; float:right; background:url(../images/compoBanner.jpg) no-repeat; }
.compoBanner h2 { width:325px; }
.compoBanner h2 img { border:none; *position:relative; *top:15px; }

/* additions made by Ed Dargan 04/03/2011 */
ul.greentick { list-style-type:none; padding:0; margin-left:2em; }
li.greentick { background-image:url('../images/GreenTick3.jpg'); background-repeat:no-repeat; background-position:0 0; padding-left:2em; padding-bottom:4px; margin:0 0 4px 0; }
#rounded-corner { margin:2em; width:350px; text-align:left; border-collapse:collapse; }
#rounded-corner thead th.header-left { background:#0076ae url('../images/top-left.gif') left 0px no-repeat; }
#rounded-corner thead th.header-right { background:#0076ae url('../images/top-right.gif') right 0px no-repeat; }
#rounded-corner th { padding:8px; color:#FFF; background:#0076ae; }
#rounded-corner th a { color:#FFF; }
#rounded-corner td { padding:8px; color:#0076ae; border-top:1px solid #0076ae; color:#000; }
#rounded-corner tfoot td.rounded-foot-left { background:#0076ae url('../images/bottom-left.gif') left bottom no-repeat; }
#rounded-corner tfoot td.rounded-foot-right { background:#0076ae url('../images/bottom-right.gif') right bottom no-repeat; }
#rounded-corner tfoot td.rounded-foot-right a { color:#FFF; }

/* sailing calendar */
.sailing-calendar { display:block; width:196px; height:70px; margin-bottom:13px; text-indent:-5000px; overflow:hidden; float:left; background:url(../images/calendarButton.gif) no-repeat 0 0; } 
