/* Start of CMSMS style sheet 'qmc' */
/*________ Main Elements ________*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 75% Trebuchet MS, Georgia, "Times New Roman", Times, serif; color: #304d58; text-decoration: none;
	text-align: center;
	background: #e4e4e4 url(images/bg.jpg) top center repeat-x;
}
a, a:visited {
	color: #375497;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

img {
	display: block;
	border: 0;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#header {
	height: 149px;
}


/*________ Home Page ________*/

#intro {
	border: 1px solid #b7b7b7;
	padding: 3px 0 0 3px;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	height: 415px;
	width: 895px;
text-align: left;
}

#newsHome {
	width: 900px;
	height: 150px;
	text-align: left;
}
.newsHomeItem {
	width: 290px;
	float: left;
	margin-right: 10px;
}
.newsHomeItem img {
	float: left;
	border: 1px solid #b7b7b7;
	padding: 3px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 20px;
}
.newsHomeItem h2 {
	font: 120% Georgia, "Times New Roman", Times, serif; color: #375497; text-decoration: none;
	margin-bottom: 5px;
}
.newsHomeItem p {
	line-height: 1.2;
}
img.readMoreButton {
	float: none;
	border: 0;
	padding: 0;
	background-color: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 5px;
}

/*________ Newsletter ___________*/

#newsletter {
width: 670px;
height: 47px;
background: #d6d6d6 url(/images/bg-subscribe.gif) no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: left;
}
#newsletter h3 {
float: left;
padding-top: 10px;
}
#newsletter form legend {
display: none;
}
#newsletter form fieldset {
border: 0;
float: left;
width: 342px;
padding-top: 10px;
}
#newsletter form fieldset label {
display: none;
}
#newsletter form fieldset input {
border: 1px solid #a8a8a8;
width: 160px;
height: 21px;
color: #222222;
padding: 4px 0 0 4px;
}
#joinButton {
padding-top: 10px;
}

/*________ Brands Footer ________*/

#brands {
	margin-bottom: 15px;
clear: both;
}


/*________ Footer ________*/

#footer {
	margin-bottom: 20px;
	font: 90% Arial, Helvetica, sans-serif;
	color: #6d6d6d;
}
#footer p strong {
	color: #4a4a4a;
}

#footer p a {
	color: #4a4a4a;
	text-decoration: underline;
}
#footer p a:hover {
	color: #6d6d6d;
	text-decoration: underline;
}

/*________ Brand selection  ________*/

#brandSelection {
margin: 1px 0 0 1px;
background: url(/images/bg-brand-selection.jpg) top left no-repeat;
}

#brandSelection a {
display: block;
float: left;
width: 443px;
height: 203px;
text-align: right;
}
#brandSelection a img {
display: inline;
margin-top: 155px;
}
#brandSelection a.seaRay {
background: url(/images/bg-model-sea-ray.jpg) no-repeat;
margin-right: 4px;
margin-bottom: 4px;
}
#brandSelection a.seaRay:hover {
background: url(/images/bg-brand-selection.jpg) top left no-repeat;
}
#brandSelection a.bostonWhaler {
background: url(/images/bg-model-bos-whaler.jpg) no-repeat;
margin-bottom: 4px;
}
#brandSelection a.bostonWhaler:hover {
background: url(/images/bg-brand-selection.jpg) top right no-repeat;
}
#brandSelection a.mercury {
background: url(/images/bg-model-mercury.jpg) no-repeat;
margin-right: 4px;
}
#brandSelection a.mercury:hover {
background: url(/images/bg-brand-selection.jpg) bottom left no-repeat;
}
#brandSelection a.albemarle {
background: url(/images/bg-model-albemarle.jpg) no-repeat;
}
#brandSelection a.albemarle:hover {
background: url(/images/bg-brand-selection.jpg) bottom right no-repeat;
}

/*________ Sea Ray  ________*/

#categorySelection {
padding: 1px 0 0 1px;
}

#categorySelection a {
display: block;
}
#categorySelection a img {
float: left;
width: 443px;
height: 203px;
}

#categorySelection .rightMargin {
margin-right: 4px;
}
#categorySelection .botMargin {
margin-bottom: 4px;
}

/*________ Boston Whaler  ________*/

#contentArea img.whalerImg {
float: right;
clear: both;
border: 1px solid #a5a5a5;
padding: 1px;
margin: 0 60px 20px 60px;
}

#contentArea img.whalerButton {
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}

/*________ Boat Lists ________*/

#contentArea {
text-align: left;
overflow: hidden;
background: url(/images/bg-content-area.jpg) no-repeat top center;
}

#contentArea p {
margin-bottom: 15px;
}
#contentArea h3 {
margin-bottom: 5px;
font-size: 120%;
border-bottom: 1px solid #cdcdcd;
width: 360px;
}

#contentArea dl {
overflow: hidden;
padding-bottom: 10px;
}
#contentArea dt {
float: left;
clear: left;
font-weight: bold;
width: 60px;
text-align: right;
margin-right: 10px;
}
#contentArea dd {
float: left;
width: 260px;
}

#contentArea ul {
padding-left: 30px;
padding-bottom: 30px;
}
#contentArea ul ul {
padding-bottom: 0;
}

p#breadCrumbs {
color: #7f8fb7;
font-size: 140%;
padding: 12px 0;
margin: 0;
}
#breadCrumbs a {
color: #7f8fb7;
text-decoration: none;
}

.lastitem {
color: #486098;
}

#heroImage {
padding: 4px;
background-color: #ffffff;
border: 1px solid #b7b7b7;
float: left;
margin: 0 15px 10px 0;
width: 370px;
height: 275px;
}
#modelDetails, #usedDetails {
float: left;
width: 490px;
}
#modelDetails div {
height: 230px;
border-bottom: 1px solid #cfcfcf;
overflow: auto;
}
#usedDetails div {
height: 204px;
border-bottom: 1px solid #cfcfcf;
overflow: auto;
}
#modelDetails div dl, #usedDetails div dl {
padding-bottom: 15px;
}
#usedDetails div dl {
border-top: 1px solid #cfcfcf;
width: 488px;
}
#modelDetails div dt {
font-weight: bold;
float: left;
width: 130px;
text-align: right;
margin-right: 10px;
}
#usedDetails div dt {
font-weight: bold;
float: left;
width: 61px;
text-align: left;
padding: 3px 10px 0 10px;
margin-right: 0;
clear: none;
border-bottom: 1px solid #cfcfcf;
height: 20px;
}
#usedDetails div dd {
float: left;
width: 40px;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
height: 20px;
padding-top: 3px;
}
#modelDetails ul, #usedDetails ul {
list-style-type: none;
padding: 0;
}
#modelDetails ul li, #usedDetails ul li {
height: 22px;
border-bottom: 1px solid #cfcfcf;
padding-left: 23px;
padding-top: 4px;
font-size: 90%;
font-weight: bold;
color: #212121;
}
#modelDetails div ul, #usedDetails div ul {
list-style-type: circle;
font-size: 110%;
padding-left: 23px;
}
#modelDetails div ul li , #usedDetails div ul li {
font-weight: normal;
height: auto;
border: 0;
padding: 0;
color: #304d58;
}
#usedDetails ul li b {
font-size: 110%;
font-weight: bold;
color: #486098;
}
#usedDetails ul li span {
font-weight: normal;
}
#usedDetails ul li span a {
color: #486098;
}
ul li.pdf {
background: url(/images/bg-pdf.gif) no-repeat left;
}
ul li.print {
background: url(/images/bg-print.gif) no-repeat left;
}
ul li.price {
background: url(/images/bg-price.gif) no-repeat left;
}
ul li.sales {
background: url(/images/bg-contact.gif) no-repeat left;
}
#modelDetails ul li a, #usedDetails ul li a { 
color: #212121;
text-decoration: none;
}
#gallery {
clear: left;
overflow: hidden;
padding-bottom: 20px;
}
#gallery img {
padding: 2px;
background-color: #ffffff;
border: 1px solid #b7b7b7;
float: left;
margin: 0 10px 10px 0;
}
#modelListing, #usedListing {
list-style-type: none;
overflow: hidden;
padding-left: 45px;
}
#modelListing li, #usedListing li {
float: left;
width: 165px;
height: 149px;
}
#usedListing li {
height: 175px;
}
#modelListing li h3, #usedListing li h3 {
font-weight: normal;
font-size: 100%;
border-bottom: 0;
width: auto;
}
#modelListing li a, #usedListing li a {
color: #212121;
text-decoration: none;
}
#modelListing img, #usedListing img {
padding: 1px;
background-color: #ffffff;
border: 1px solid #bcbcbc;
margin-bottom: 3px;
width: 146px;
height: 109px;
}

/*________ Boat Search _______*/

#usedBoatSearch {
background-color: #c7c7c9;
margin-left: 30px;
width: 780px;
padding: 15px;
overflow: hidden;
margin-bottom: 15px;
background: #cacaca url(/images/bg-search-bar.gif) no-repeat;
height: 24px;
}
#usedBoatSearch p {
float: left;
font-weight: bold;
padding-top: 3px;
margin: 0 5px 0 0;
color: #375497;
}
#usedBoatSearch fieldset {
float: left;
border: 0;
}
#usedBoatSearch fieldset legend, #usedBoatSearch fieldset label {
display: none;
}
#usedBoatSearch fieldset select {
font: 100% Trebuchet MS, Georgia, "Times New Roman", Times, serif;
color: #304d58;
width: 160px;
}
#usedBoatSearch #Submit {
margin: 2px 0 0 5px;
}
.noBoats {
margin-left: 30px;
}


/*________ Contact Us ________*/

#staffContacts {
width: 450px;
overflow: hidden;
padding-bottom: 20px;

}

#staffContacts div {
float: left;
width: 185px;
margin-left: 15px;
}

#emailUs {
width: 470px;
float: right;
padding-left: 30px;
border-left: 1px solid #cdcdcd;
margin-bottom: 20px;
}

#contactForm {
	margin-bottom: 20px;
}
#contactForm label {	
	width: 125px;
	float: left;	
	display: inline;
	clear: left;
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
} 
#contactForm fieldset { 
	margin-top: 10px;
	border: 0; 
} 
#contactForm fieldset input, #contactForm fieldset select {
border: 1px solid #cdcdcd;
	font: 90% Arial,Helvetica,sans-serif;
	color: #486098;
	padding: 2px 0px 0px 2px;	
float: left;	
	display: inline;
	margin-bottom: 8px;
	width: 200px;
	height: 18px;
margin-right: 5px;
} 
#contactForm fieldset select {
padding: 0;
}
#contactForm fieldset legend {
	display: none;
}
#contactForm textarea {
	float: left;	
	display: inline;
	padding: 2px 0px 0px 2px;	
width: 250px;
	height: 74px;
	border: 1px solid #cdcdcd;
overflow: auto;
	font: 90% Arial,Helvetica,sans-serif;
	color: #486098;
}
#Submit {	
	display: block;
	margin-left: 130px;
	margin-top: 5px;
}

#contactForm fieldset div p {
font-size: 90%;
float: left;
}

#sidebar #errorText {
width: 190px;
margin-left: 20px;
}
#errorText {
	padding: 10px;
	background-color: #ec6e6e;
	margin-bottom: 15px;
	color: #fff;
	width: 270px;
	clear: left;
}
#errorText p {
	padding-bottom: 0px;
	font-weight: bold;
}
#errorText ul {
	margin-left: 30px;
}

#sidebar .success {
width: 190px;
margin-left: 20px;
}

.success {
	padding: 10px;
	background-color: #c5f9be;
	text-align: center;
	width: 360px;
}
#content div.successText p {
	margin-bottom: 0;
}

.maps {
border: 1px solid #cdcdcd;
padding: 2px;
background-color: #FFF;
width: 360px;
margin-bottom: 20px;
}


/*________ Misc ________*/

.imgRight {
	float: right;
display: inline;
	margin-left: 15px;
	margin-bottom: 15px;
}
.imgLeft {
	float: left;
display: inline;
	margin-right: 15px;
	margin-bottom: 15px;
}
.withBorder {
padding: 1px;
background-color: #ffffff;
border: 1px solid #bcbcbc;
}

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

.clearfix { display: inline-table; }

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

.clearLeft {
clear: left;
padding-top: 10px;
}

/*____ News and Events _____*/

#newsContent {
float: left;
width: 670px;
margin-right: 30px;
}

#newsContent img {
padding: 1px;
background-color: #ffffff;
border: 1px solid #bcbcbc;
}

.postmetadata {
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
clear: left;
padding: 5px;
}

#sidebar {
float: left;
width: 170px;
background: url(/images/bg-sidebar.gif) repeat-y;
margin: 20px 0 20px 0px;
padding: 15px;
}
#sidebar h2 {
font-size: 120%;
margin-bottom: 5px;
border-bottom: 1px solid #c8c8c8;
padding-bottom: 3px;
}
#sidebar ul {
padding-left: 25px;
margin-bottom: 20px;
padding-bottom: 0px;
}
#sidebar form {
height: 40px;
}
#sidebar #s {
width: 105px;
float: left;
margin-right: 5px;
}

#sidebar #searchsubmit {
float: left;
}

.post img {
display: inline;
}

.post, #commentsArea {
padding-left: 20px;
}
.post h2 {
font-size: 120%;
padding-top: 10px;
}
.post h2 a {
text-decoration: none;
text-transform: uppercase;
}
.post small {
display: block;
font-size: 90%;
margin-bottom: 10px;
}
.post img {
padding: 1px;
background-color: #ffffff;
border: 1px solid #bcbcbc;
}
#commentsArea {
clear: both;
}
#commentsArea #author, #commentsArea #email, #commentsArea #url {
border: 1px solid #cdcdcd;
	font: 90% Arial,Helvetica,sans-serif;
	color: #486098;
	padding: 2px 0px 0px 2px;
	width: 200px;
	height: 18px;
}
#commentsArea textarea {
border: 1px solid #cdcdcd;
	font: 90% Arial,Helvetica,sans-serif;
	color: #486098;
	padding: 2px 0px 0px 2px;
	width: 400px;
	height: 128px;
}
.commentlist {
padding-left: 30px;
list-style-type: none;
}
.commentlist cite {
font-weight: bold;
}
.commentlist a {
text-decoration: none;
}

#rssFeed {
background: url(/images/bg-rss-feed.gif) left no-repeat;
padding-left: 35px;
}

#usedListing li.newLine {
clear: left;
}

#thankYou {
text-align: center;
padding: 10px;
background-color: #c5f9be;
margin-bottom: 15px;
}
#thankYou p {
	margin-bottom: 0;
}
#errorSub {
	padding: 10px;
	background-color: #ec6e6e;
	margin-bottom: 15px;
	color: #fff;
text-align: center;
}
#errorSub p {
	padding-bottom: 0px;
}

#rssWhat {
font-size: 85%;
padding: 15px 0 0 35px;
}
/* End of 'qmc' */