/*
 *  Layout Stylesheet for Connoisseur.
 *  Layout elements
 *  17/10/2006 - Rob
 */

img[src="/images/icons/edit_very_small.png"] {
position: absolute; border: none !important;
}

div#print-head {
display: none;
}

div#container {
    width:796px;
    margin:0 -398px 0;
    position:relative;
    left:50%;
}

img#title {
    background:#de5b1f;
    font-weight:bold;
    font-size:14pt;
    color:#ffffff;
    width:768px;
    height:84px;
    margin:0 14px;
    padding:0;
}

img {
    display:block;
    border:0;
}

table {
width:50%;
margin:0 auto;
border-collapse:collapse;
}

/* Override the above table style declaration for the table on the /legal page */
#legal-table {
width:100%;
}

div#page {
background:#ffffff url(/content/connoisseur_afloat/media/template/bg_page.gif) repeat-y center top;
padding:0;
width:756px;
margin:0 14px;
padding:0 6px;
}

div#page-top {
background:#ffffff url(/content/connoisseur_afloat/media/template/bg_page-top-blue.gif) no-repeat center top;
height:13px;
width:768px;
overflow:hidden;
margin:0 14px;
}

div#page-top.home {
background-image:url(/content/connoisseur_afloat/media/template/bg_page-top-home.jpg);
}

div.with-sidebar-left {
background-image:url(/content/connoisseur_afloat/media/template/bg_page-with-sidebar-left+2.gif)!important;
padding-bottom: 1px !important;
margin-bottom: -1px !important;
}

div.with-both-sidebars {
background-image:url(/content/connoisseur_afloat/media/template/bg_page-with-both-sidebars+.gif)!important;
padding-bottom: 1px !important;
margin-bottom: -1px !important;
}
div#page-bottom {
background:#ffffff url(/content/connoisseur_afloat/media/template/bg_page-bottom-red.gif) no-repeat center top;
height:14px;
width:768px;
overflow:hidden;
margin:0 14px;
}

/* SIDEBAR LEFT */
div#sidebar-left
	{ width:155px; overflow:hidden; float:left; background:#3479c7; }

div#page-itself
	{ padding:0 10px; overflow:hidden; }

div.with-both-sidebars div#page-itself
	{ width: 275px; font-size: 8pt; line-height: 1.5em; padding: 0 1em;}

div.with-sidebar-left div#page-itself
	{ width:581px; line-height: 1.5em;}

img.illustration
	{ margin:20px 0 10px; padding:3px; border:1px solid #cccccc;}
img.inline-left
	{ float:left; clear:left; margin:0 10px 10px 0; }
img.inline-right
	{ float:right; clear:right; margin:0 10px 10px 0; }

div.map, img.map
	{ float:right; border-top:8px solid #ffffff; margin:0 0 15px; position:relative; left:5px; }
img.special-interest
	{ display:inline; padding:0 3px 0 0; }

div#map object,div#map embed,div.map img
{ float:right; border-top:8px solid #ffffff; margin:0 0 15px; position:relative; left:5px; }

/* SIDEBAR RIGHT */

div#sidebar-right
	{ width:300px; overflow:hidden; float:right; background:#f5f0d3; border-top: 2px solid #f5f0d3; font-size: 8pt; line-height: 1.5em; }
div#sidebar-right dd p {
margin: 1em 0;
}

div#sidebar-right div.boat-plan
	{ float:none; clear:none; text-align:center; margin:0 0 20px; }
div#sidebar-right div.boat-plan img
	{ display:inline; }

div#sidebar-right div.map
	{ float:none; clear:none; text-align:center; margin:0 0 5px; }
div#sidebar-right div.map img
	{ display:inline; }

div#sidebar-right img#enlarge-map
	{ float:right; margin:0 10px 15px 0; }

ul.arrows
	{ margin:0 10px 0; padding:0; list-style:none; }
ul.arrows li
	{ margin:0 0 15px; padding:0 0 0 12px; background:url(/content/connoisseur_afloat/media/template/bul_arrow-grey.gif) no-repeat 0 3px; line-height:1.5em }
ul.arrows li a:link,
ul.arrows li a:visited,
ul.arrows li a:focus,
ul.arrows li a:hover,
ul.arrows li a:active
	{ color:#000000; }

dl.information
	{ margin:0 0 1.2em; }
dl.information dt
	{ margin:1.2em 10px 0; font-weight:bold; }
dl.information dd
	{ margin:0 10px; }

p#select-a-boat
	{ background:url(/content/connoisseur_afloat/media/template/bg_select-a-boat.gif) no-repeat 0 0; width:252px; height:12px; color:#366ec2; overflow:hidden; font-weight:bold; margin:10px 0; padding:8px 0 2px 88px; }

table#boats-available
	{ border:0; width:auto; margin:0 13px 1em; }
table#boats-available thead td
	{ font-weight:bold; text-align:left; padding:1em 0.5em 0 0; }
table#boats-available tbody td
	{ text-align:center; }
table#boats-available tbody td.column-1
	{ text-align:left; }
table#boats-available tbody td.column-4
	{ text-align:right; }
table#boats-available a:link,
table#boats-available a:visited,
table#boats-available a:focus,
table#boats-available a:hover,
table#boats-available a:active
	{ font-weight:normal; color:#000000; }


table#cabins
	{ border:0; width: 95%; margin: 1.2em auto; }
table#cabins thead td
	{ padding:6px; }
table#cabins tbody td
	{ text-align:left; padding:6px; vertical-align:top;  }
table#cabins thead td,
table#cabins tbody td.column-1
	{ background:#eae3b9; }
table#cabins tbody td.column-2
	{ text-align:center; }

table.boat-specifications
	{ border:0; width: 95%; margin: 1.2em auto; }
table.boat-specifications td
	{ text-align:left; font-weight:bold; vertical-align:top; }
table.boat-specifications td.column-1
	{ font-weight:normal; width:124px; }

table.damage-waiver
	{ border:0; width: 95%; margin: 1.2em auto; }
table.damage-waiver td
	{ text-align:left; font-weight:bold; vertical-align:top; padding-right: 10px; }
table.damage-waiver td.column-1
	{ font-weight:normal; width:224px; }

img.temperature-chart
	{ margin:0 auto 15px; }


/* QUICKBOOK */

form.quickbook
	{ background-color:#3499e1; background-repeat:no-repeat; background-position:left top; width:667px; height:74px; overflow:hidden; color:#ffffff; }
form.quickbook.home
	{ background-image:url(/content/connoisseur_afloat/media/template/bg_quickbook-blue-white-2.gif); margin:0; padding:12px 80px 0 9px; }
form.quickbook.end
	{ background-image:url(/content/connoisseur_afloat/media/template/bg_quickbook-blue-red.jpg); margin:0 14px; padding:12px 86px 0 15px; }
form.quickbook div#column-1
	{ width:120px; float:left; }
form.quickbook div#column-2
	{ width:255px; float:left; margin-left:5px; height:70px; overflow:hidden; margin-top: 0.25em;}
form.quickbook div#column-2 label
	{ width:75px; }
form.quickbook div#column-2 select
	{ width:170px; }
form.quickbook div#column-3
	{ width:280px; float:left; margin-left:5px; margin-top: 0.25em; }
form.quickbook div#column-3 label
	{ width:100px; }
form.quickbook div#column-3 select#duration
	{ width:167px; }

form.quickbook label
	{ display:block; float:left; clear:left; text-align:right; margin:0 0 3px; padding:3px 10px 3px 0; height:12px; }
form.quickbook select
	{ float:left; font-size:8pt; margin:0 0 3px; }
form.quickbook select.day,
form.quickbook select.month
	{ margin:0 5px 3px 0; }
form.quickbook input#search
	{ margin:4px 0 0 7px; }


/* HOME PAGE */

#hp-central-content {
padding: 1em;
}
#hp-central-content h2 {
margin-bottom: 0.5em;
}

div#home-splash
	{ background:#000000 url(/content/connoisseur_afloat/media/template/bg_home.jpg) no-repeat left top; height:197px; color:#999999; overflow:hidden; }

div#splash-intro
	{ height:120px; float:right; width:290px; margin:0; padding:0 10px 0; overflow:hidden; font-size: 8pt; line-height: 1.8em; }
div.feature
	{ float:right; clear:both; display:block; margin:0; padding:0; width:410px; height:88px; overflow:hidden; }
div.feature.home
	{ clear:right!important; text-align: right;}
div.feature a
	{ display:block; margin:0; padding:10px 8px 5px 75px; width:327px; height:73px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; text-align:right; }
div.feature a img
	{ margin:5px 0 0; padding:0; display:inline; }


/* DEFAULT TEMPLATE BITS */

div#image-browser ul#other-images {
    list-style: none;
    width: 280px;
    padding: 0;
    margin: 0 auto 6em 0;
}
div#image-browser.right {
    float: right;
}
div#image-browser ul#other-images li {
    display: inline;
    float: left;
    margin: 0 0.5em 0 0;
}
div#image-browser ul#other-images li a img {
    padding: 2px;
    border: 1px solid #ccc;
}
div#image-browser ul#other-images li a:hover img {
    border: 1px solid #888;
}
div#ipix
	{ margin:0 auto 15px; width:300px; height:200px; border:1px solid #000000; }
div#ipix-menu
	{ width:55%; float:right; margin:0 0 15px 15px; }
div#ipix-menu h5
	{ margin:0 0 1.2em; padding:0; font-size:8pt; }
div#ipix-menu ul
	{ margin:0; padding:0; list-style:none; }
div#ipix-menu ul li
	{ margin:0; padding:0 0 0 12px; background:url(/content/connoisseur_afloat/media/template/bul_arrow-grey.gif) no-repeat 0 2px; }
div#ipix-menu ul li a
	{ font-weight:normal; }


/* DESTINATIONS, FLEET, BASES */

ul#products
	{ margin:0; padding:0; list-style:none; width:510px; }
ul#products li
	{ margin:20px 0 0; padding:0; min-height:85px; line-height:1.5em; clear:left; }
ul#products li img
	{ padding:3px; border:1px solid #cccccc; float:left; margin:0 16px 0 0; clear:left; }
ul#products li span.title
	{ display:block; height:12px; padding:0 0 0 12px; margin:0 0 6px 124px; background:url(/content/connoisseur_afloat/media/template/bul_arrow-grey.gif) no-repeat 0 3px; font-weight:bold; }
div.with-sidebar-left ul#products
	{ clear:right; }

ul#products ul
	{ margin:7px 0 0 123px; padding:0; list-style:none; }
ul#products ul li
	{ margin:0 0 2px; padding:0 0 0 12px; background:url(/content/connoisseur_afloat/media/template/bul_arrow-blue.gif) no-repeat 0 3px; width:140px; height:15px; min-height:15px; float:left; clear:none; }
ul#products ul li a
	{ font-weight:normal; color:#317dca; }
a.view-boats-available
	{ display:block; vertical-align:middle; padding:0 0 0 90px; background:url(/content/connoisseur_afloat/media/template/btn_boats-available.gif) no-repeat 0 0; }



/* REGIONS */

ul#cruises
	{ margin:0; padding:0; list-style:none; }
ul#cruises li
	{ margin:0; padding:0; position:relative; clear:left; }
ul#cruises li img
	{ float:left; padding:3px; border:1px solid #cccccc; margin:0 20px 20px 0; }
dl.cruise-statistics
	{ margin:0 0 0 20px; padding:0; list-style:none; width:160px; float:right; position:relative; line-height:1.5em; }

dl.cruise-statistics dt
	{ margin:0; padding:0; list-style:none; font-weight:bold; color:#396dc2; float:left; display:block; clear:left; }
dl.cruise-statistics dd
	{ margin:0 0 0 6px; padding:0; float:left; display:block; }
ul#cruises p
	{ margin:0 160px 20px 0; padding: 0 0 0.5em 0; }
ul#cruises p.breaker {
    padding: 1em;
    }	
ul#cruises h5
	{ margin:0 !important; padding:0 0 3px 12px; background:url(/content/connoisseur_afloat/media/template/bul_arrow-grey.gif) no-repeat 0 2px; font-size:8pt; }


/* CRUISE SPECS */
div#cruise_specs ul
	{ padding-left: 0px; }
div#cruise_specs li
	{ display: inline; background: url(/content/connoisseur_afloat/media/cruises/list_circle.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; margin-left: 5px; }

/* CRUISE TEMPERATURE */
div#cruise_temperature
{ margin: 0 auto; width: 255px; }
div#cruise_temperature .temperature-name
{ float: left; margin-bottom: 20px; }
div#cruise_temperature .temperature-numbers
{ float: right; }

/* CRUISE BOOK FORM */
div#cruise_book_form
{ margin-left: 10px; }

#bookingreturn {border: 1px solid #b2b2b2; padding: 3px; background-color: #eee; margin-top: 5px; width: 250px !important; width: 205px; }
#bookingreturn a {background:url(/booking/images/icons/yacht.gif) left center no-repeat; padding-left:15px; padding-right:2px;}
#bookingreturn a:link,#bookingreturn a:visited{text-decoration: none;}
#bookingreturn a:hover, #bookingreturn a:active{background-color: #bdd4E6;text-decoration: none;color: #2E6B99;}

/* SPECIAL INTERESTS */

img.special-interest
	{ display:inline; padding:0 3px 0 0; position:relative; top:2px; }

ul.arrows.special-interests
	{ margin:0 0 15px; padding-bottom: 1em;}
ul.arrows.special-interests li
	{ margin:0; }
ul.arrows.special-interests li a
	{ color:#3479c7; }

dl#faqs { }
dl#faqs dt { font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0; }
dl#faqs dd { margin: 0.5em; color: #333; line-height: 1.6em; }


div#brugmap { margin-bottom: 1em; margin-left: 3px; width: 300px; height: 300px;  }
dl.information dt { font-size: 1.1em; padding-bottom: 0.5em; margin-bottom: 0.5em;  border-bottom: 1px solid #BFB88F; }
div#brugmap img.gmap-alternative { margin: 0 auto; padding: 2px; border: 1px solid #999; margin-top: 1em; }
div#brugmap p.gmap-alternative { margin: 1em;  }
a#resetmap { float: right; margin-right: 1em; margin-top: 1em;}
img#enlarge-map { float: right; clear: both;  }



dl#bases-here {
margin: 0;
font-size: 8pt;
line-height: 1.5em;
}
dl#bases-here dd { margin: 0; }

ul#navigation-footer

	{ margin:0; padding:0; list-style:none; float:left; font-size:8pt; }

ul#navigation-footer li	{ margin:0; padding:0 10px; display:inline; }

ul#navigation-footer li a:link,
ul#navigation-footer li a:visited { color:#ffffff; font-weight:normal;  }

ul#navigation-footer li a:hover,
ul#navigation-footer li a:focus,
ul#navigation-footer li a:active { color:#ffffff; font-weight:normal; }

form#brochure-request fieldset {
border: 1px solid #dedede;
}
form#brochure-request fieldset legend {
font-weight: bold;
}
form#brochure-request fieldset dl {
clear: both;
}
form#brochure-request fieldset dl dt {
float: left;
clear: both;
width: 15em;
margin: 0.1em 1em 0.1em 0;
border-bottom: 1px solid #f5f0d3;
}
form#brochure-request fieldset dl dd {
margin: 0.25em 0;
float: left;
padding: 0 1em;
}
form#brochure-request fieldset dl dd input {
font-family: Verdana, Arial, sans-serif;
border: 1px solid #333;
}
form#brochure-request fieldset dl dd.error {
background: #FEFF8F;
padding: 0 1em 1em 1em;
color: maroon;
}
form#brochure-request fieldset dl dd p.error {
color: maroon;
font-weight: bold;
margin: 0.5em 0 0 0;
font-size: 8pt;
}
form#brochure-request fieldset dl dd input:focus{
background: #F5F0D3;
}

div#brochure_list table
{ width: 100%; }

#brochure_form form
{	margin: 0px;	}
#brochure_form form dl
{	margin: 6px 0px;	}
#brochure_form form dl.margin
{	margin: 0;	}
#brochure_form form dd
{	margin: 0;
	margin-left: 180px;
}
#brochure_form form dt
{	float: left;	}
#brochure_form form fieldset
{	border: 0px;
	padding: 0;
	margin: 6px 0 0 6px !important; margin:0 0 0 6px;
}
#brochure_form h2
{	border: 0px;
	border-bottom: 1px solid #999;
	margin: 4px 0 4px 0;
	padding-bottom: 0.2em;
}

/* CRUISES */
div#cruise_interests h2
	{ margin-left: 30px; padding: 0px; }
div#cruise_interests img
	{ padding-top: 5px; float: left; }
div#cruise_interests p
	{ margin: 0px; padding: 0px; }

dl#sitemap dt {
font-weight: bold;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 1em;
}
dl#sitemap dd {
margin-bottom: 1em;
margin-left: 1em;
}

div.with-sidebar-left div#page-itself h3.arrow-blue-fat {
width: 255px;
background-position: right;
}

div#specialinterestblurbs img {
float: left;
padding: 1px;
margin: 1em 1em 1em 0;
border: 1px solid #ccc;
}
div#specialinterestblurbs img[src='/images/icons/edit_very_small.png'] {
position: absolute;
float: none;
border: none;
margin: 0;
}
ul.arrows.special-interests {
margin: 1em 0 0 0;
}
.clearer { clear: both; }

div#footer {
margin: 0em auto;
color: #fff;
font-size: 8pt;
width: 768px;
text-align: center;
}
div#footer a { color: #fff; }

div#footer_flags ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
div#footer_flags ul li {
display: inline;
padding: 0px;
margin: 0px;
}
div#footer_flags img {
display: inline;
}

div#footer_address {
margin: 20px;
}

hr.clearer {
height: 1px;
border: 0;
clear: both;
}

form#email-a-question fieldset {
border: 1px solid #cdcdcd;
}
form#email-a-question dl dt {
font-weight: bold;
}
form#email-a-question dl dd {
margin: 0.5em 0;
}
form#email-a-question dl dd textarea {
width: 100%;
}

.pre {
height: 10em;
overflow: auto;
border: 1px solid #ddd;
}

div#searchResults ul {
list-style: none;
margin: 0;
padding: 0;
}
div#searchResults li a {
display: block;
font-weight: normal;
padding: 0.5em;
border: 1px solid #fff;
text-decoration: none;
}
div#searchResults li a:hover {
background: #f1f1f1;
border-color: #3479c7;
color: #333;
text-decoration: none;
}
div#searchResults li a span.weight {
color: #777;
font-weight: normal;
}
div#searchResults li a strong.title {
display: block;
color: #3479c7;
}
div#searchResults li a:hover span.description { text-decoration: none; }
div#searchResults li a span.description {
font-style: normal;
display: block;
line-height: 1.75em;
margin: 1em 1em;
text-decoration: none;
}
div#searchResults li a span.url {
font-size: 8pt;
color: #777;
display: block;
}
form#sitesearch fieldset {
border: 0;
margin-bottom: 2em;
}
form#sitesearch dt {
float: left;
margin-right: 1em;
}
form#sitesearch dl dd { float: left; margin: 0; }
div#other_pages a { color: #3479c7; }

#container #page-itself ul#cruises {
margin: 1em 0;
}
#container #page-itself ul#cruises li {
border: 1px solid #317dca;
padding: 1em;
padding-bottom: 1em;
clear: both;
margin-bottom: 1em;
}
#container #page-itself ul#cruises li.final {

}
#container #page-itself h5.break-type {
font-family: georgia, sans-serif;
font-size: 11pt;
margin: 0;
padding: 0;
color: #444 ;
}
hr.invisi-clear { border: none; height: 1px; clear: both; margin: 0; padding: 0; }
div#sbtable table {
width: 99%;
}
div#sbtable table thead th {
background: #317DCA;
color: #fff;
font-weight: bold;
}
div#sbtable table td {
padding: 0.25em;
border: 1px solid #dfdfdf;
border-width: 1px 1px;
}

form#sidesearch {
clear: both;
margin-bottom: 2em;
}
form#sidesearch input {
border: 1px solid #2EADEB;
background: #225C97;
color: #fff;
margin-left: 2%;
width: 67.5%;
padding: 1px;
}
form#sidesearch input.send {
width: 22.5%;
}

ul#cruises img.cruise-interesti-icon {
margin: 0.5em 0.25em -0.4em -0.25em;
}
ul#cruises img.cruise-interesti-icon,
ul#cruises a img.cruise-interesti-icon {
border: none;
}

body#home div#page { background:#BF201D url(/content/connoisseur_afloat/media/template/bg_page.gif) repeat-y center top; }

/* QUIZ CSS */
div#quiz_pictures div { border: 1px solid #999; padding: 3px; margin-bottom: 10px; text-align:center; }
div#quiz_pictures div h2 { margin: 2px 0px 2px 0px; padding: 0px; }
div#quiz_pictures div select { margin: 10px 0px 5px 0px; }
div#quiz_pictures div img { margin-left: 10px;  }
.col-left { width: 270px; float: left; clear: both; }
.col-right { width: 270px; float: right; }

div#quiz_contact fieldset {
border: 0px;
}
div#quiz_contact h2 { border-bottom: 1px solid #666; }
div#quiz_contact fieldset legend {
font-weight: bold;
}
div#quiz_contact fieldset dl {
clear: both;
}
div#quiz_contact fieldset dl dt {
float: left;
clear: both;
width: 13em;
margin: 0.1em 1em 0.1em 0;
}
div#quiz_contact fieldset dl dd {
width: 20em;
margin: 0.25em 0;
float: left;
padding: 0 1em;
}
div#quiz_contact fieldset dl dd input {
font-family: Verdana, Arial, sans-serif;
border: 1px solid #333;
}
div#quiz_contact fieldset dl dd.error {
background: #FEFF8F;
padding: 0 1em 1em 1em;
color: maroon;
}
div#quiz_contact fieldset dl dd p.error {
color: maroon;
font-weight: bold;
margin: 0.5em 0 0 0;
font-size: 8pt;
}
div#quiz_contact fieldset dl dd input:focus{
background: #F5F0D3;
}

div#quiz_errors { margin-bottom: 15px; color: #f00; background: #eee; border: 1px solid #666; text-align: center; }
div#quiz_errors ul { margin: 10px; }
div#quiz_errors li { margin: 0px; padding: 0px; }

div#inbro { width: 70%; border: 1px solid #333; margin:5px; padding: 4px; background: #DDD; }
div#inbro h3 { margin: 0px 0px 3px 0px; font-family: Verdana; font-size: small; }
div#inbro p { font-size: x-small; margin: 3px 0px 0px 0px; }
div#inbro a { text-decoration: underline; font-weight: normal; }
div#inbro a:hover { text-decoration: none; font-weight: normal; cursor: pointer; }

div#footer-cross-linking { text-align: center; width: 700px; color: #fff; font-size: x-small; }
div#footer-cross-linking a { color: #fff; }