/* CSS Document */
@import url(reset.css);

body {
background: white;
color: #666666;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4;
}

a {
color: #666666;
}

a:hover {
text-decoration: none;
}

strong, em, b, i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/*p {
font-size: 12px;
margin: 5px 10px 10px 10px;
}*/

p {
font-size: 12px;
margin: 0 10px 18px 10px;
line-height: 18px;
}

#tabs {
position: relative;
}

#tabs.feature p {
margin: 0 0px 18px 0;
}

h2 {
margin: 5px 10px 4px 10px;
padding-bottom: 3px;
}

#tabs.feature .right {
float: right;
margin-left: 15px;
}

#tabs.feature h2 {
margin: 5px 10px 8px 0;
}

#tabs.feature h2.caps {
text-transform: uppercase;
}

#tabs.feature blockquote {
background: #e6dfdc;
padding: 5px 10px 1px 10px;
margin-bottom: 15px;
width: 555px;
color: #9a8882;
}

h3 {
margin: 7px 10px 3px 10px;
padding-top: 5px;
font-size: 15px;
}

#tabs.feature h3 {
margin: 7px 10px 3px 0;
}

#wrapper {
width: 960px;
margin: 0 auto;
background: white;
border-left: 1px solid #b0a69a;
border-right: 1px solid #b0a69a;
}

#masthead {
position: relative;
padding: 10px 0;
padding-bottom: 10px;
}

#logo {
float: left;
margin: 5px 0 0 20px;
}

#pageBody {
padding-top: 5px;
}

/*home*/

ul#home-links {
background: #a8968c;
margin-top: 0px;
padding: 10px 0 5px 10px;
}

ul#home-links li {
float: left;
width: 194px;
color: white;
/* this works for 3 panels: margin: 0 0 0 94px;*/
margin: 0 0 0 37px;
display: inline;
}

ul#home-links li a.thumbnail {
position: relative;
display: block;
}

ul#home-links li a {
color: white;
}

/*ul#home-links li a img.arrow {
position: absolute;
top: 0;
right: 0;
}*/

ul#home-links li a span.arrow {
position: absolute;
top: 0;
right: 0;
background: url(/images/general/enlarge.gif) top center;
width: 23px;
height: 23px;
display: block;
}

ul#home-links li a:hover span.arrow {
background: url(/images/general/enlarge.gif) bottom center;
}

ul#home-links h2 {
color: white;
text-transform: uppercase;
margin: 5px 0;
}

ul#home-links p {
margin: 0;
padding: 4px 0 8px 0;
line-height: 14px;
font-size: 11px;
}

ul#home-links li p.intro {
border-bottom: 1px dotted white;
}

/*navigation*/

#mainNav {
background: #d2cdc9;
position: relative;
padding: 3px 15px 1px 220px;

}

#mainNav li {
float: left;
background-image: url(../images/general/mainnav.gif);
background-repeat: no-repeat;
overflow: hidden;
text-indent: -9999px;
margin: 0 4px;
height: 14px;
display: inline-block;
}

#mainNav li.current {
background-image: url(../images/general/mainnav-over.gif);
}

#mainNav li a {
text-decoration: none;
display: block;
height: 14px;
background-repeat: no-repeat;
}

#mainNav li#home, #mainNav li#home a {
background-position: 0px 0px;
width: 37px;
}

#mainNav li#about-us, #mainNav li#about-us a {
background-position: -37px 0px;
width: 62px;
}

#mainNav li#motor-yachts, #mainNav li#motor-yachts a {
background-position: -99px 0px;
width: 94px;
}

#mainNav li#dealer-network, #mainNav li#dealer-network a {
background-position: -193px 0px;
width: 110px;
}

#mainNav li#pearl-brokerage, #mainNav li#pearl-brokerage a {
/*background-position: -230px 0px;*/
background-position: -344px 0px;
/*width: 86px;*/
width: 73px;
}

#mainNav li#pearl-charter, #mainNav li#pearl-charter a {
/*background-position: -316px 0px;*/
background-position: -458px 0px;
/*width: 70px;*/
width: 57px;
}

#mainNav li#news-and-events, #mainNav li#news-and-events a {
background-position: -515px 0px;
width: 98px;
}

#mainNav li#yachting-services, #mainNav li#yachting-services a {
background-position: -613px 0px;
width: 121px;
}


/*subnav*/

#mainNav li ul {
position: absolute;
left: 0px;
top: 16px;
width: 250px;
display: block;
height: 14px;
}

/*motor-yachts*/

#mainNav li#motor-yachts ul {
margin-left: 337px;
margin-top: 5px;
}

#mainNav li#motor-yachts .current {
background-image: url(../images/general/motor-yachts-subnav-over.gif);
}

#mainNav #motor-yachts li {
background-image: url(../images/general/motor-yachts-subnav.gif);
float: left;
}

#mainNav li#motor-yachts li#pearl-50-page, #mainNav li#motor-yachts li#pearl-50-page a {
background-position: 0px 0px;
width: 44px;
}

#mainNav li#motor-yachts li#pearl-60-page, #mainNav li#motor-yachts li#pearl-60-page a {
background-position: -45px 0px;
width: 44px;
}

#mainNav li#motor-yachts li#pearl-75-page, #mainNav li#motor-yachts li#pearl-75-page a {
background-position: -90px 0px;
width: 43px;
}

/*yachting-services*/

#mainNav li#yachting-services ul {
margin-left: 706px;
margin-top: 5px;
}

#mainNav li#yachting-services .current {
background-image: url(../images/general/services-subnav-over.gif);
}

#mainNav #yachting-services li {
background-image: url(../images/general/services-subnav.gif);
float: left;
}

#mainNav li#yachting-services li#aftersales-page, #mainNav li#yachting-services li#aftersales-page a {
background-position: 0px 0px;
width: 157px;
}

#mainNav li#yachting-services li#shop-page, #mainNav li#yachting-services li#shop-page a {
background-position: -157px 0px;
width: 57px;
}

/*end of subnav*/


#footer {
color: #a89a80;
clear: both;
background: #e6d8bb;
}

#footer p {
float: right;
text-align: right;
padding: 0;
margin: 28px 10px 10px 0;
line-height: 1;
}

#footer-nav {
float: left;
margin: 10px 10px 0 20px;
}

#footer-nav li {
float: left;
text-transform: uppercase;
}

#footer-nav li a {
height: 40px;
border-right: 1px solid #a89a80;
padding: 0 5px;
float: left;
color: #a89a80;
text-decoration: none;
}

#footer-nav li#contact-us a {
border: none;
}

#footer-nav li a:hover, #footer-nav li a.current {
background: #dbccaf;
color: #756648;
}

/*headings*/

h1 {
font-size: 22px;
line-height: 36px;
font-weight: normal;
color: #9a8882;
text-transform: uppercase;
margin: 0 10px 12px 10px;
}

#tabs.feature h1 {
margin: 0 10px 12px 0;
}

h1.boat-heading {
position: absolute;
top: 5px;
font-size: 20px;
right: 5px;
color: white;
}

/*section/page specific rules*/

/*.boats-section #tabs {
width: 800px;
float: left;
margin-bottom: 20px;
display: inline;
}*/

#boat-extras {
float: right;
width: 120px;
text-align: center;
}

#boat-extras a {
overflow: hidden;
text-indent: -9999px;
display: block;
background-position: center top;
background-repeat: no-repeat;
border: 1px solid #ccc;
margin-bottom: 5px;
}

#boat-extras a:hover {
background-position: center bottom;
}

#boat-extras a#virtual-tour {
width: 114px;
height: 97px;
background-image: url(../images/general/virtual-tour.gif);
}

#boat-extras a#download-brochure {
width: 114px;
height: 97px;
background-image: url(../images/general/download-brochure.gif);
}

p.boat-intro {
font-size: 12px;
margin-right: 150px;
}

div.tech-specs-half {
width: 415px;
margin: 10px;
float: left;
display: inline;
}

div.tech-specs-half table, div.tech-specs-full table, table.production-schedule, #pearl-events table {
background: #e6dfdc;
color: #9a8882;
}

div.tech-specs-half table td, div.tech-specs-half table th, div.tech-specs-full table td, div.tech-specs-full table th, table.production-schedule td, table.production-schedule th, #pearl-events table td, #pearl-events table th {
padding: 5px;
}

div.tech-specs-half table tr.odd, div.tech-specs-full table tr.odd, table.production-schedule tr.odd, #pearl-events table tr.odd, #brokerage-table tr.odd {
background: #f1ebe9;
}

h2, div.tech-specs-half th strong, div.tech-specs-full th strong, div#exterior-features div.exterior-feature p, table.production-schedule th, #pearl-events table th {
font-size: 18px;
color: #9a8882;
}

div#exterior-features div.exterior-feature {
background-color: #FFFFFF;
width: 200px;
}

div.tech-specs-full {
float: left;
clear: both;
width: 850px;
margin: 10px;
display: inline;
}

#layout img {
float: right;
clear: both;
margin-left: 10px;
}

#layout p, #exterior p {
color: #9a8882;
}

#layout h2 {
margin-top: 200px;
}

#charter-options {
color: #9a8882;
background: #e6dfdc;
padding: 10px;
margin-right: 7px;
}

#pearl-events {
color: #9a8882;
padding: 5px 0 5px 0;
margin: 0 0 20px 0;
}

#charter-options a {
color: #9a8882;
font-weight: bold;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#charter-intro, #pearl-news {
float: left;
width: 300px;
}

/*exterior features stuff*/

div#exterior-features {
position: relative;
}

div#exterior-features a {
background: url(../images/exterior-features/focal-point.png);
width: 36px;
height: 36px;
display: block;
position: absolute;
}

/*positioning the focal points*/

/*p50*/

.p50 #sunroof {
top: 54px;
left: 619px;
}

.p50 #flybridge {
top: 114px;
left: 408px;
}

.p50 #engines {
top: 241px;
left: 506px;
}

.p50 #side-decks {
top: 207px;
left: 411px;
}

.p50 #bathing-platform {
top: 219px;
left: 739px;
}

.p50 #sunbathing {
top: 200px;
left: 146px;
}

.col {
float: left;
width: 313px;
margin: 10px 0;
}





/* dealers area */

#dealers-nav {
float: left;
width: 115px;
margin-top: 52px;
margin-left: 10px;
background: #f1ebe9;
border: 1px solid #d9d2d0;
padding: 5px; 
margin-bottom: 15px;
}

.dealers-area #pageBody {
width: 800px;
float: right;
margin-top: 0;
}

#dealers-nav li a {
text-decoration: none;
color: #9a8882;
font-weight: bold;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
display: block;
}

#dealers-nav li ul li a {
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#dealers-nav li a:hover, #dealers-nav li ul li a:hover, #dealers-nav li ul li a.ui-accordion-content-active, #dealers-nav li a.ui-state-active {
text-decoration: underline;
}

#dealers-nav li ul li {
padding-left: 10px;
margin-bottom: 7px;
margin-top: 5px;
line-height: 1;
}

#dealers-nav li {
margin-bottom: 10px;
}

#downloads li {
float: left;
border: 1px solid #ccc;
width: 220px;
margin: 10px;
padding: 10px;
}

#downloads li h3 {
margin: 0;
padding-top: 0;
font-size: 15px;
}

#downloads li a {
padding: 10px;
display: block;
margin-top: 5px;
color: #9a8882;
border: 1px solid #d9d2d0;
text-decoration: none;
background-position: center right;
background-repeat: no-repeat;
background-color: #f1ebe9;
height: 27px;
font-size: 15px;
padding-top: 13px;
}

#downloads li a span {
font-size: 13px;
}

#downloads li a:hover {
color: #333;
background-color: #e6dfdc;
}

#downloads li a.pdf {
background-image: url(/images/dealers/filetype-icons/file_pdf.png);
}

#downloads li a.doc {
background-image: url(/images/dealers/filetype-icons/file_doc.png);
}

#downloads li a.xls {
background-image: url(/images/dealers/filetype-icons/file_xls.png);
}

ul.bullets {
list-style-type: disc;
margin-left: 50px;
margin-bottom: 5px;
margin-top: 5px;
}

#tabs ul.bullets {
margin-top: 12px;
margin-left: 30px;
margin-bottom: 18px;
}

ol.list {
list-style-type: decimal;
margin-left: 30px;
margin-bottom: 10px;
margin-bottom: 5px;
margin-top: 5px;
}

ol.list li, ul.bullets li {
margin: 7px 0;
}

.advertising-template {
float: left;
margin: 0 40px;
}

.advertising-template img {
padding: 5px; 
border: 1px solid #ccc;
}

table.production-schedule {
width: 245px;
float: left;
margin: 10px;
}

/* dealers area gallery */

#dealer-gallery-subnav {
margin: 10px;
}

#dealer-gallery-subnav li {
float: left;
margin: 0 10px 0 0;
}

.pearl-logo-download a {
display: block;
text-align: center;
}

.pearl-logo-download {
float: left;
text-align: center;
}


/*Boat 'tours'*/

img.tour {
margin: 10px 0 10px 10px;
}

#pearl50-desc {
position: absolute;
width: 278px;
right: 10px;
top: 200px;
}

#pearl50-desc2 {
position: absolute;
width: 165px;
right: 10px;
top: 45px;
}

#pearl50-desc3 {
position: absolute;
width: 616px;
left: 0px;
top: 20px;
}

#p50-quote1 {
position: absolute;
width: 190px;
right: 0px;
top: 310px;
}

#pearl60-desc {
position: absolute;
width: 238px;
right: 10px;
top: 222px;
}

#pearl60-desc2 {
position: absolute;
width: 440px;
left: 0px;
top: 235px;
}

#p60-quote1 {
position: absolute;
width: 260px;
right: 0px;
top: 120px;
}

.quote {
text-transform: uppercase;
font-size: 14px;
}

#pearl75-desc {
position: absolute;
width: 320px;
right: 160px;
top: 25px;
}

/* reset padding for map tab */
#dealer-map.ui-tabs-panel {
padding: 0;
padding-left: 26px;
}

#dealer-map {
position: relative;
}

#map-blurb {
position: absolute;
width: 170px;
top: 150px;
left: 10px;
font-size: 14px;
z-index: 9999999;
color: #947869;
}

#overview {
position: relative;
padding-top: 45px;
}

#overview p.virtual-tour-links {
position: absolute;
top: 10px;
right: -4px;
text-transform: uppercase;
}

/* gallery type tabs */

ul.tabNavigation {

}

.tabNavigation li {
float: left;
}

.tabNavigation li a {
background: #a8968c;
color: white;
padding: 2px 10px;
float: left;
margin-right: 5px;
text-decoration: none;
text-transform: uppercase;
}

.tabNavigation li a:hover, .tabNavigation li a.selected {
background: #94796a;
}

#overview p.virtual-tour-links a  {
background: #a8968c;
color: white;
padding: 2px 10px;
float: left;
margin-right: 5px;
text-decoration: none;
}

#overview p.virtual-tour-links a:hover {
background: #94796a;
}

p.find-out-more {
float: left;
background: #a8968c;
color: white;
padding: 5px;
text-transform: uppercase;
width: 404px;
}

p.find-out-more a {
color: white;
}

/* forms */

.contact-form fieldset {
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
width: 555px;
float: left;
}

.contact-form li {
padding: 5px 0;
}

.contact-form fieldset legend {
font-size: 16px;
margin-left: 122px;
}

.contact-form fieldset label {
float: left;
width: 120px;
text-align: right;
margin-right: 5px;
clear: left;
padding: 2px;
}

.contact-form fieldset label.inline-q {
float: left;
padding: 2px;
text-align: left;
width: auto;
color: #000000;
}

.contact-form fieldset input.inline {
display: inline;
width: auto;
float: left;
border: none;
}

.contact-form fieldset input, .contact-form fieldset textarea, .contact-form fieldset select {
float: left;
width: 420px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #CCCCCC;
padding: 2px;
color: #333333;
}

.contact-form fieldset textarea {
height: 100px;
}

.contact-form fieldset input:hover, .contact-form fieldset input:focus, .contact-form fieldset textarea:hover, .contact-form fieldset textarea:focus {
border: 1px solid #999999;
}

.contact-form fieldset input.inline:focus {
border: none;
}

#contact-details {
float: right;
width: 260px;
margin-top: 30px;
color: #9a8882;
background: #e6dfdc;
padding: 5px 10px;
}

#contact-details a {
color: #9a8882;
}

.contact-form #submit {
float: left;
clear: both;
margin-left: 140px;
background: #A8968C;
border: 1px solid #7d695d;
color: white;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

span.error {
color: red;
margin-left: 130px;
}

.smallprint {
font-size: 10px;
}

/*BROKERAGE*/

div.brokerage-listing {
width: 425px;
float: left;
display: inline;
padding: 5px;
}

div.brokerage-listing div.summary {
border: 5px solid #A8968C;
background: #A8968C;
}

div.additional-info {
border: 5px solid #A8968C;
padding: 5px;
}

#tabs.feature p.show-more {
background: #A8968C;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

a.show-additional {
text-indent: -9999px;
overflow: hidden;
display: block;
height: 12px;
padding-bottom: 5px;
background: url(../images/brokerage/show-more.gif) top center no-repeat;
}

a.show-additional.hide {
background: url(../images/brokerage/hide-more.gif) top center no-repeat;
}

#tabs.feature div.summary h4 {
border-top: 1px solid white;
border-bottom: 1px solid white;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
color: white;
padding-bottom: 2px;
font-size: 14px;
}

.brokerage-small {
border: 1px solid #A8968C;
float: right;
}

hr {
border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

#brokerage-table tr {
background: #e6dfdc;
color: #9a8882;
}

#brokerage-table td {
padding: 10px;
vertical-align: middle;
}

.brokerage-title {
font-size: 14px;
}



/* clearing floats */

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

*+html .clearfix {zoom:1} /* haslayout trigger */