html, body { margin:0; padding:0; }
/* colors:
- md gray: #535456
- drk gray: #241c10
- red: #d2232a
- lgt yellow: #ffcc52
*/
body { background:#535456 url(../../images/site/bg.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:100%; }
/* anchors
------------------------------ */
a:link,
a:visited,
a:hover,
a:active {
color:#ddd3bc; outline:none; text-decoration:underline;
}
a:hover { color:#000; text-decoration:underline; }
p.readmore { text-align:right; font-size:10px; text-transform:uppercase; }
p.readmore a.readmore { text-decoration:none; }
/* text
------------------------------ */
h1 { font-size:110%; text-transform:uppercase; padding:0; margin:0; }
h2 { font-size:110%; text-transform:none; }
h3 { font-size:105%; }
h4 { font-size:100%; color:#ccc; text-transform:uppercase; font-weight:normal; margin-bottom:0; padding-bottom:0; }
p { padding-top:0; margin-top:0; /* padding:0 0 .8em 0; */ }
p.note { background:url(../../images/site/copy-link-arrow.png) 0px 3px no-repeat; padding-left:12px; }
p.page-top { text-align:right; text-transform:uppercase; font-weight:normal; font-size:80%; clear:both; }
p.page-top a { color:#ccc; text-decoration:none; }
p.page-top a:hover { color:#d2232a; text-decoration:none; }
/* images
------------------------------ */
img { border-width:0; }
img.logo { width:225px; height:86px; margin:15px 0 0 53px; position:absolute; }
img.imgCompany { padding:0 0 10px 10px; float:right; }
img.pontoons-in-motion { width:118px; height:8px; position:absolute; margin:4px 0 0 0; }
/* form
------------------------------ */
form { margin:0; padding:0; }
input.btn { border:#d2232a solid 1px; background:#241c10; color:#fff; padding:3px 6px; text-transform:uppercase; font-weight:bold; font-size:85%; }
input, select, textarea { font-family:inherit; font-size:inherit; border:#535456 solid 2px; }
input, select, textarea { padding:2px; }
/* misc
------------------------------ */
span.error-text { color:#ffcc52; /* #f90 */ font-style:italic; font-weight:bold; }
span.highlight { color:#ffcc52; /* fff - d2232a */ }
strong.highlight, span.highlight { color:#ffcc52; }
strong.uppercase, span.uppercase { text-transform:uppercase; }
div.clear { clear:both;float:none;height:0px; }
hr { border:0; color:#d2232a; background:#d2232a; height:1px; width:100%; }
ol.construction-copy { list-style:none; padding-left:0; margin-left:0; }
ol.construction-copy li { padding-bottom:1em; }
/* content page headers */
div.ContentPageHeader { width:865px; height:258px; background:#333; }
/* home page feature buttons */
table.tblHomePageFeatures { border:0; background-color:#000; margin:10px 0 0 0; padding:0; }
table.tblHomePageFeatures td p { padding:0; margin:0; }
table.tblHomePageFeatures td.badgeBrochure,
table.tblHomePageFeatures td.badgeShowroom,
table.tblHomePageFeatures td.badgeValue { width:210px; height:114px; border-right:#000 solid 8px; vertical-align:top; }
table.tblHomePageFeatures td.badgeDealerLocator { width:210px; height:117px; text-align:right; }
table.tblHomePageFeatures td.copyBrochure,
table.tblHomePageFeatures td.copyShowroom,
table.tblHomePageFeatures td.copyValue { text-align:left; color:#fff; font-size:10px; width:210px; border-right:#000 solid 8px; vertical-align:top; padding:4px 0 0 0; }
table.tblHomePageFeatures td.copyDealerLocator { text-align:left; color:#fff; font-size:10px; width:210px; vertical-align:top; padding:4px 0 0 0; }
/* link effects */
table.tblHomePageFeatures a:hover { color:#d2232a; }
table.tblHomePageFeatures td.badgeDealerLocator a, table.tblHomePageFeatures td.badgeShowroom a, table.tblHomePageFeatures td.badgeBrochure a, table.tblHomePageFeatures td.badgeValue a { border-bottom:#000 solid 1px; }
table.tblHomePageFeatures td.badgeDealerLocator a:hover, table.tblHomePageFeatures td.badgeShowroom a:hover, table.tblHomePageFeatures td.badgeBrochure a:hover, table.tblHomePageFeatures td.badgeValue a:hover { border-bottom:#d2232a solid 1px; }
/* showroom */
ul.showroom-model-lineup-details { width:493px;/* 495 */ margin:12px -30px 0 -30px; padding:0; list-style-type:none; border-top:#000 2px solid; }
ul.showroom-model-lineup-details li.bg-gray-md { background:#666; }
ul.showroom-model-lineup-details ul { width:493px; height:170px; /* 150 */ display:block; padding:0; margin:0; list-style-type:none; }
/* boat model img */
ul.showroom-model-lineup-details ul li.model-image { text-align:center; padding:10px 30px 0 30px; width:230px; height:160px; /* 140 */ float:left; }
ul.showroom-model-lineup-details ul li.model-image h4 { text-align:left; margin:0 0 10px 0; padding:0 0 0 12px; font-size:95%; text-transform:uppercase; line-height:normal; background:url(../../images/site/copy-link-arrow.png) 0px 3px no-repeat; font-weight:bold; }
ul.showroom-model-lineup-details ul li.model-image h4 a { color:#d1d2d4; text-decoration:none; }
ul.showroom-model-lineup-details ul li.model-image h4 a:hover { color:#fff; text-decoration:none; }
ul.showroom-model-lineup-details ul li.model-specs
{
height:170px;
}
ul.showroom-model-lineup-details ul li.model-specs p.view-link {
padding:0;
margin:0 0 0 10px;
text-align:left;
font-size:10px;
float:left;
}
ul.showroom-model-lineup-details ul li.model-specs a {
padding:0 0 0 12px;
text-align:left;
background:url(../../images/site/copy-link-arrow.png) 0px 2px no-repeat;
color:#ccc;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
ul.showroom-model-lineup-details ul li.model-specs a:hover {
text-align:left;
background:url(../../images/site/copy-link-arrow.png) 0px 2px no-repeat;
color:#fff;
}
/* specs */
ul.showroom-model-lineup-details ul li.model-specs ul { color:#ccc; padding:30px 0 0 0; margin:0; width:160px; /* */ height:85px; font-size:88%; line-height:normal; float:left; }
ul.showroom-model-lineup-details ul li.model-specs ul li { padding:1px 10px; }
ul.showroom-model-lineup-details ul li.model-specs span.spec-value { color:#fff; }
a.btn2010 {
display: block;
width: 160px;
height: 34px;
background-image: url(/images/2010btn-bg.png);
background-repeat: no-repeat;
color: #999;
text-align: center;
line-height: 34px;
text-decoration: none;
font-size: 12px;
font-weight: normal;
/*text-transform: uppercase;*/
margin: 15px auto;
}
a.btn2010:hover {
color: #fff;
}
/* showroom */
dl.showroom-specs-options { margin:0; padding:0; }
dl.showroom-specs-options dt,
dl.showroom-specs-options dd { margin:0; padding:0; }
dl.showroom-specs-options dt { text-transform:uppercase; font-weight:bold; font-size:92%; padding:4px 10px; color:#ccc; border-top:solid #231f20 1px; border-bottom:solid #231f20 2px; }
dl.showroom-specs-options dd { padding:5px 10px; /*width:388px;*/ }
/* Showroom Gallery */
ul.photo-gallery { list-style-type:none; margin:0; padding:0; width:470px; }
ul.photo-gallery li { float:left; margin:0; padding:0 10px 10px 0; }
ul.photo-gallery li a { display:block; border:#333 solid 2px; }
ul.photo-gallery li a:hover { border:#d2232a solid 2px; }
ul.photo-gallery li img { display:block; border:0; margin:0; padding:0; width:100px; height:67px; }
/* Showroom Overhead badge */
div.showroom-overhead-badge {
/* height:125px; */
width:225px;
margin:0 30px 0 0;
float:right;
text-align:center;
}
div.showroom-overhead-badge span { font-size:10px; color:#ccc; }
/* contact form */
fieldset#contact-form { padding:0px; border:0; }
fieldset#contact-form legend { display:none; visibility:hidden; }
dl.contact-form { margin:0; padding:0; }
dl.contact-form dt { font-weight:bold; }
dl.contact-form dd { margin:0; padding:4px 0; }
/* model - specs */
ul.specs { list-style-type:none; margin-top:0; margin-left:0; padding-left:0; }
ul.specs li span.model-specs-preview { color:#ccc; }
/* specs */
table.tblModelSpecs { border:0; width: 300px; font-family: Arial Narrow, Arial, Helvetica, sans-serif; }
table.tblModelSpecs th,
table.tblModelSpecs td { padding:2px 4px; vertical-align:top; border-bottom:#727375 solid 1px; } /* #7D7E7F */
table.tblModelSpecs th { text-align:left; color:#ccc; font-weight:normal; }
/* Starcraft Showroom */
div.showroomFlash { width:865px; height:253px; background:#333; }
div.showroomFlash ul { margin:0; padding:0; list-style-type:none; }
div.showroomFlash ul li { float:left; background-color:#666; padding:4px 6px; font-size:10px; margin:0 0 1px 1px; }
div.showroomFlash ul li.section { margin:0; color:#fff; text-transform:uppercase; height:20px; padding:5px 10px 0 18px; background:#333 url(../../images/site/icon-plus-red.png) 7px 50% no-repeat; font-size:12px; font-weight:normal; }
div.showroomFlash ul li a:link,
div.showroomFlash ul li a:visited,
div.showroomFlash ul li a:hover,
div.showroomFlash ul li a:active { color:#ccc; text-decoration:none; font-weight:normal; }
div.showroomFlash ul li a:hover { color:#d2232a; text-decoration:none; font-weight:normal; }
div.showroomFlash ul li.section a { color:#fff; font-size:12px; }
div.showroomFlash ul li.section a:hover { color:#d2232a; }
/* active model */
div.showroomFlash ul li.active { background-color:#d2232a; }
div.showroomFlash ul li.active a:link,
div.showroomFlash ul li.active a:visited,
div.showroomFlash ul li.active a:hover,
div.showroomFlash ul li.active a:active { color:#000; text-decoration:none; font-weight:normal; }
div.showroomFlash ul li.active a:hover { color:#fff; text-decoration:none; font-weight:normal; }
/* event calendar */
h3.eventcalendar { color:#fff; margin-bottom:0; padding-bottom:0; }
p.eventcalendar { margin-top:0; padding-top:0; }
p.eventcalendar span { color:#ccc; font-weight:normal; }
hr.eventcalendar { border:0; color:#58595A; background:#58595A; height:1px; width:100%; }
/* news */
h3.news { margin-bottom:0; padding-bottom:0; }
h3.news a { color:#fff; text-decoration:none; }
h3.news a:hover { color:#d2232a; text-decoration:underline; }
p.news-date { font-size:84%; color:#ccc; font-style:normal; }
ul.MediaAssets { margin-left:0; padding:2px 0; list-style-type: none; text-align:left; }
ul.MediaAssets li { margin:0; padding:3px 0; /* padding:3px 0 3px 20px; background-position:0% 50%; background-repeat:no-repeat; */ }
ul.MediaAssets li a { color:#fff; }
ul.news-recent-list { margin-left:0; padding:0; list-style-type: none; text-align:left; }
ul.news-recent-list li { margin:0; padding:0 0 8px 0; }
/* newsroom and pro - multimedia */
dl.NewsroomMultimedia dt, dl.NewsroomMultimedia dt, dl.ProMultimedia dt, dl.ProMultimedia dt { font-weight:normal; color:#ccc; text-transform:uppercase; }
dl.NewsroomMultimedia dd, dl.NewsroomMultimedia, dd dl.ProMultimedia dd, dl.ProMultimedia dd { font-weight:normal; padding:5px 0 5px 15px; margin:0; }
/* brochure download */
table.brochure-download { border:0; }
table.brochure-download td { padding:3px 4px; }
table.brochure-download td.heading { font-weight:bold; text-align:right; }
/* resources page */
dl.resources dt { font-weight:bold; }
dl.resources dd { padding-bottom:10px; }
/* dealer locator page */
dl.dealer-locator dt { color:#fff; font-weight:bold; }
dl.dealer-list dt { color:#ffcc52; font-weight:bold; }
dl.dealer-list dt span { color:#fff; font-weight:normal; font-size:85%; }
dl.dealer-list dd { padding-bottom:15px; }
dl.dealer-list dd strong { color:#ccc; }
dl.dealer-list dd a:link { color:#fff; }
/* colors:
- md gray: #535456
- drk gray: #241c10
- red: #d2232a
- lgt yellow: #ffcc52
*/
/* structure
------------------------------ */
div#header { background:#000 url(../../images/site/bg-header.jpg) no-repeat 100% 100%; width:865px; height:101px; /* border-top:solid 4px #d2232a; */ }
div#header ul.navigation { margin:70px 30px 0 0; padding:0; list-style-type:none; float:right; }
/* div#header ul.navigation { margin:70px 60px 0 0; padding:0; list-style-type:none; float:right; } */
div#header ul.navigation li { display:inline; font-size:11px; font-weight:normal; padding:0; }
div#header ul.navigation li a { text-transform:uppercase; text-decoration:none; color:#999; }
div#header ul.navigation li a.active { color:#fff; }
div#header ul.navigation li a:hover { text-transform:uppercase; text-decoration:none; color:#fff; }
div#header ul.navigation li a.active:hover { color:#d2232a; }
div#header ul.navigation li.eventcalendar { border-right:#999 solid 1px; padding-right:5px; }
div#header ul.navigation li.store { border-right:#999 solid 1px; padding:0 5px; }
div#header ul.navigation li.contact { border-right:#999 solid 1px; padding:0 5px; }
div#header ul.navigation li.dealer { padding-left:5px; }
/* main nav */
div#navigation-main { background-color:#333; height:37px; border-top:#333 solid 1px; border-bottom:#333 solid 1px; }
div#navigation-main ul.navigation { margin:0; padding:0; list-style-type:none; height:36px; }
div#navigation-main ul.navigation li { margin:0; padding:0; float:left; }
div#navigation-main ul.navigation li a span { display:none; visibility:hidden; }
div#navigation-main ul.navigation li a { border-bottom:#333 solid 1px; height:35px; }
div#navigation-main ul.navigation li a.active,
div#navigation-main ul.navigation li a:hover { border-bottom:#d2232a solid 1px; height:35px; }
div#navigation-main ul.navigation li a.active:hover { border-bottom:#FFF solid 1px; height:35px; }
/* showroom */
div#navigation-main ul.navigation li.showroom { height:36px; border-right:#666 solid 1px; }
div#navigation-main ul.navigation li.showroom a { width:173px; height:36px; display:block; background:url(../../images/site/nav/showroom.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.showroom a.active,
div#navigation-main ul.navigation li.showroom a:hover { width:173px; height:36px; display:block; background:url(../../images/site/nav/showroom.png) 0 -36px no-repeat; }
div#navigation-main ul.navigation li.showroom a.active:hover { width:173px; height:36px; display:block; background:url(../../images/site/nav/showroom.png) 0 0 no-repeat; }
/* why */
div#navigation-main ul.navigation li.why { height:36px; border-right:#666 solid 1px; }
div#navigation-main ul.navigation li.why a { width:172px; height:36px; display:block; background:url(../../images/site/nav/why.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.why a.active,
div#navigation-main ul.navigation li.why a:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/why.png) 0 -36px no-repeat; }
div#navigation-main ul.navigation li.why a.active:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/why.png) 0 0 no-repeat; }
/* company */
div#navigation-main ul.navigation li.ourcompany { height:36px; border-right:#666 solid 1px; }
div#navigation-main ul.navigation li.ourcompany a { width:172px; height:36px; display:block; background:url(../../images/site/nav/our-company.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.ourcompany a.active,
div#navigation-main ul.navigation li.ourcompany a:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/our-company.png) 0 -36px no-repeat; }
div#navigation-main ul.navigation li.ourcompany a.active:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/our-company.png) 0 0 no-repeat; }
/* dealer locator */
div#navigation-main ul.navigation li.dealerlocator { height:36px; border-right:#666 solid 1px; }
div#navigation-main ul.navigation li.dealerlocator a { width:172px; height:36px; display:block; background:url(../../images/site/nav/dealer-locator.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.dealerlocator a.active,
div#navigation-main ul.navigation li.dealerlocator a:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/dealer-locator.png) 0 -36px no-repeat; }
div#navigation-main ul.navigation li.dealerlocator a.active:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/dealer-locator.png) 0 0 no-repeat; }
/* news */
div#navigation-main ul.navigation li.newsroom { height:36px; }
div#navigation-main ul.navigation li.newsroom a { width:172px; height:36px; display:block; background:url(../../images/site/nav/newsroom.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.newsroom a.active,
div#navigation-main ul.navigation li.newsroom a:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/newsroom.png) 0 -36px no-repeat; }
div#navigation-main ul.navigation li.newsroom a.active:hover { width:172px; height:36px; display:block; background:url(../../images/site/nav/newsroom.png) 0 0 no-repeat; }
div#container { background:#000; width:865px; /* 889px */ padding:0 12px 12px 12px; margin:0 auto; clear:both; float:none; }
/* content - homepage */
div#content-homepage { background:#000; clear:both; float:none; color:#fff; clear:both; float:none; }
div.contentwrap-bgtwocol,
div.contentwrap-bgthreecol { color:#fff; background:#666; font-size:80%; width:865px; clear:both; float:none; }
div.contentwrap-bgtwocol { background:url(../../images/site/bg-content-wrap.png) repeat-y 0 0; }
div.contentwrap-bgthreecol { background:url(../../images/site/bg-content-wrap-3col.png) repeat-y 0 0; }
body.home div.contentwrap-bgtwocol { min-height:0; }
/* series/model flash */
div#content-flash { width:865px; /*height:256px;*/ color:#fff; background-color:#000; }
/* navigation */
div#content-navigation { width:176px; font-size:85%; color:#fff; font-weight:normal; text-align:left; float:left; }
/* content nav */
div#content-navigation h3,
div#content-navigation h4 { margin:0; padding:0; font-weight:normal; text-transform:uppercase; }
div#content-navigation h3 { color:#ccc; font-size:100%; font-weight:bold; }
div#content-navigation h4 { color:#fff; margin:0 0 .5em 0; }
/* nav ul */
div#content-navigation ul.navigation { width:174px; margin:0; padding:0; list-style-type:none; background:#333333; }
div#content-navigation ul.navigation li { display:block; margin-bottom:3px; }
div#content-navigation ul.navigation li a { color:#999; text-decoration:none; }
div#content-navigation ul.navigation li h3.category { display:block; width:116px; padding:10px 20px 10px 38px; text-decoration:none; text-transform:uppercase; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#ccc; background:#616163; border-bottom:solid 1px #000; }
div#content-navigation ul.navigation li a.category { display:block; width:116px; padding:10px 20px 10px 38px; text-decoration:none; text-transform:uppercase; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#ccc; background:#616163; }
div#content-navigation ul.navigation li a.category:hover { color:#fff; }
div#content-navigation ul.navigation li ul { margin:0; padding:5px 0; list-style-type:none; background:#333; }
div#content-navigation ul.navigation li ul li { margin:0; padding:2px 10px 2px 38px; border:0; text-transform:uppercase; }
div#content-navigation ul.navigation li ul li a { color:#ccc; text-decoration:none; }
div#content-navigation ul.navigation li ul li a span { color:#f0f; }
div#content-navigation ul.navigation li ul li a.active,
div#content-navigation ul.navigation li ul li a:hover { color:#d2232a; text-decoration:none; }
div#content-navigation ul.navigation li ul li a:hover span { color:#999; text-decoration:none; }
div#content-navigation ul.navigation li ul li a.active:hover,
div#content-navigation ul.navigation li ul li a.active:hover span { color:#ddd3bc; text-decoration:none; }
/* showroom navigation */
div#content-navigation ul.navigation-showroom { width:174px; margin:0; padding:0; background:#333333; list-style-type:none; }
div#content-navigation ul.navigation-showroom li { display:block; margin-bottom:3px; }
div#content-navigation ul.navigation-showroom li a { color:#999; text-decoration:none; }
div#content-navigation ul.navigation-showroom li a.category { display:block; width:136px; padding:10px 0 10px 38px; text-decoration:none; text-transform:uppercase; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#ccc; background:#757579; font-size:90%; }
div#content-navigation ul.navigation-showroom li a.category span { color:#999; /* font-weight:normal;*/ font-size:115%; }
div#content-navigation ul.navigation-showroom li a.category:hover { color:#fff; }
div#content-navigation ul.navigation-showroom li a.category:hover span { color:#ccc; }
div#content-navigation ul.navigation-showroom li ul { margin:0; padding:5px 0; list-style-type:none; background:#333; }
div#content-navigation ul.navigation-showroom li ul li { margin:0; padding:2px 10px 2px 38px; border:0; text-transform:uppercase; }
div#content-navigation ul.navigation-showroom li ul li a {color:#ccc; text-decoration:none; }
div#content-navigation ul.navigation-showroom li ul li a span { color:#878686; }
div#content-navigation ul.navigation-showroom li ul li a.active,
div#content-navigation ul.navigation-showroom li ul li a:hover { color:#d2232a; text-decoration:none; }
div#content-navigation ul.navigation-showroom li ul li a:hover span { color:#999; text-decoration:none; }
div#content-navigation ul.navigation-showroom li ul li a.active:hover,
div#content-navigation ul.navigation-showroom li ul li a.active:hover span { color:#ddd3bc; text-decoration:none; }
/* back links */
div#content-navigation ul.navigation-showroom li ul li.liBackLink-bdr { border-top:#666 dotted 1px; }
div#content-navigation ul.navigation-showroom li ul li.liBackLink { font-size:10px; margin:0 20px 0 38px; padding:2px 0 2px 0; }
div#content-navigation ul.navigation-showroom li ul li.liBackLink a { color:#999; }
div#content-navigation ul.navigation-showroom li ul li.liBackLink a:hover { color:#d2232a; }
/* content containers */
div#content-twocolumn { color:#fff; width:628px; /* 688px */ padding:30px; float:left; }
div#content-threecolumn { color:#fff; width:435px; /* 495px */ padding:30px; float:left; }
div#content-threecolumn-sm { color:#fff; width:435px; /* 495px */ padding:30px; float:left; }
div.content { min-height:250px; }
div.content h1 { color:#ccc; font-weight:bold; padding:4px 0 4px 18px; margin:0 0 1em -16px; background:url(../../images/site/h1-heading-arrow.png) no-repeat 4px 50%; }
div.content h1 span.highlight { color:#fff; }
div.content a.lnkMoreSpecs { color:#ccc; font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content a.lnkMoreSpecs:hover { color:#d2232a; }
div#content-secondary,
div#content-secondary-sm { color:#fff; font-size:95%; width:163px; /* 193px */ padding:15px; margin:0 1px 0 0; text-align:left; float:right; background: url(../../images/site/bg-secondary-col.jpg) 0 0 no-repeat; min-height:375px; }
div.content-secondary a:link,
div.content-secondary a:visited,
div.content-secondary a:active { font-weight:normal; text-decoration:underline; }
div.content-secondary a:hover { font-weight:normal; text-decoration:underline; }
div.content-secondary p.note a:link,
div.content-secondary p.note a:visited,
div.content-secondary p.note a:active { font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content-secondary p.note a:hover { font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content-secondary h3,
div.content-secondary h4 { margin:0; padding:0; font-weight:normal; text-transform:uppercase; }
div.content-secondary h3 { font-size:100%; font-weight:bold; }
div.content-secondary h4 { margin:0 0 1em 0; }
div.content-secondary ul,
div.content-secondary ol { margin-left:0px; padding-left:0; }
div.bestbadge { width: 140px; height: 35px; margin: 20px auto; }
div.bestbadge img { border: none; }
/* footer */
div#footer { color:#999999; font-size:70%; font-family:Arial, Helvetica, sans-serif; text-align:right; padding:4px 0 20px 0; margin:0 auto; width:889px; clear:both; float:none; }
/* google map style */
div.map-copy { color:#000; }
div.map-copy a { color:#009; }
div.map-copy a:hover { color:#900; }
/* Footer - Large */
#footer-container { height: 177px; background: url(/images/site/ftr-bg.png) repeat-x; padding: 15px 0; width: 889px; margin: 0 auto; }
.footer-glare { height: 15px; width: 865px; position: absolute; margin: -22px auto 0 -15px; background: url(/images/site/ftr-glare.png) no-repeat; }
#footer-centered { width: 843px; height: inherit; margin: 0 auto; padding: 0 12px; /*border: solid 1px yellow;*/ }
#footer-container ul, #footer-container ul li ul { margin: 0; padding: 0; }
#footer-container ul li { line-height: 20px; display: block; width: 155px; list-style: none; padding: 0; margin: 0; float: left; }
#footer-container ul li ul li { line-height: 20px; list-style: none; padding: 0; margin: 0; }
#footer-container ul li a.header { text-transform: uppercase; color: #c52231; text-decoration: none; font-size: 12px; }
#footer-container ul li ul li a { color: #b8b8b8; font-size: 12px; text-decoration: none; text-transform: none; }
#footer-container ul li ul li a:hover { color: #fff; }
#footer-container ul li.sep { position: absolute; display: block; margin: -15px 0 0 600px; background: url(/images/site/ftr-sep.png) no-repeat; width: 1px; height: 207px; }
#footer-container ul li.dealerlocator { width: 220px; /*border: solid 1px yellow;*/ color: #fff; font-size: 12px; }
#footer-container ul li.dealerlocator input#zipcode { width: 100px; height: 14px; padding: 3px; border: solid 1px #ccc; }
#footer-container ul li.dealerlocator a.button { color: #fff; background-color: #3f3f3f; padding: 5px 7px; }
#footer-container ul li.dealerlocator a.button:hover {/* color: #000; background-color: #ffc52d;*/ border: solid 1px #ffc52d; padding: 4px 6px; }
a.button, .button { outline: none; border: none; text-decoration: none; cursor: pointer; white-space: nowrap; vertical-align: middle; /* or top */ display: -moz-inline-box; display: inline-block; overflow: visible; /* IE6 form button fix */ width: 100px; }
.copyright { /*display: block; position: absolute; width: 200px;*/ text-align: right; font-size: 10px; color: #ccc; margin: 10px 0;*/ }
/* packages */
div.packages { font-size:90%; margin-top:20px; /* width:470px; margin:20px 0 0 -30px; */ clear: left; }
div.packages h2 { color:#beb3a8; text-transform:uppercase; margin:0; padding:10px 0; }
div.package { width:225px; /* 235px */ padding:0 0 20px 10px; /* float:left; */ }
div.package h3 { color:#ffe1a5; /* red: 740017 */ font-weight:bold; margin:0 0 0 40px; padding:0; }
div.package ul { margin:0 0 0 40px; padding:0; width:300px; list-style:none; }
div.package img.icon { margin:0; padding:0; float:left; }
#showroomRight div.badge img { width: 160px; margin: 5px 0; }
/* pricing and deals */
div.wrap-pricing { width: 365px; text-align: left; }
div.wrap-pricing ul { padding: 0; margin: 0; }
div.wrap-pricing ul li { display: block; width: 160px; list-style-type: none; float: left; height: 160px; padding: 10px; }
p.model-price, p.model-discount { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #000; text-align: center; display: block; float: left; width: 160px; padding: 15px 3px; }
p.model-price span.aslowas { font-size: 120%; }
p.model-price span.price { font-size: 200%; font-weight: bold; color: #FFF; }
p.model-price span.engine { font-size: 130%; /*font-weight: bold;*/ }
p.model-price span.trailer { font-size: 130%; /*font-weight: bold;*/ }
p.model-price span.disclaimer, p.model-discount span.disclaimer { font-size: 90%; color: #333; }
p.model-discount span.special { font-size: 120%; }
p.model-discount span.price { font-size: 150%; font-weight: bold; color: #FFF; }
p.model-discount span.enddate { font-size: 130%; }
/* Video Reviews */
#videoReviews {
width: 225px;
}
#videoReviews img {
width: 225px;
margin: 10px 0;
display: block;
border: none;
}
/* Facebook Like Button */
.likebutton {
position: absolute;
margin: 45px 0 0 755px;
/*text-align: right;*/
}
.findusicon {
width: 16px;
height: 16px;
text-indent: 20px;
overflow: hidden;
white-space: nowrap;
background-image: url(/images/site/icon-facebook.png);
background-repeat: no-repeat;
display: block;
position: absolute;
margin: 47px 0 0 735px;
}
/* ------------------------------------------------------------------------------- 2012 Showroom Specifications Page */
div#content-threecolumn2012 {
color:#fff;
width:495px; /* 408px */
padding:0;
float:left;
}
div#content-threecolumn2012 .content {
padding: 50px 30px 30px 30px;
}
#content-threecolumn2012 #content {
margin-left: 176px;
}
#feature {
/*background-color: #67686b;
width: 676px;*/
padding: 0 0 0 176px;
background-image: url(/images/site/bg-feature.png);
background-repeat: repeat-y;
background-position: right top;
}
#pricing {
display: block;
width: 250px;
position: absolute;
margin: 20px 0 0 380px;
}
#pricing h3 {
text-align: center;
font-size: 1.5em;
}
#pricing h3 span {
font-size: 2em;
}
#overhead {
border-bottom: 6px solid #d2232a;
}
#nav-specs {
position: absolute;
margin-left: 176px;
width: 495px;
background: url(/images/site/tab-bg-inactive.png) repeat-x;
}
#nav-specs ul {
margin: 0;
padding: 0;
display: block;
height: 30px;
}
#nav-specs ul li {
float: left;
display: block;
height: 30px;
line-height: 30px;
list-style-type: none;
background: url(/images/site/tab-bg-inactive.png) repeat-x;
}
#nav-specs ul li a {
color: #000;
display: block;
height: 30px;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
padding: 0 42px;
position: relative;
}
#nav-specs ul li a:hover, #nav-specs ul li a.active {
background: url(/images/site/tab-bg-active.png) repeat-x;
}
#nav-specs ul li a span {
display: block;
height: 16px;
padding: 2px 4px;
background: #d2232a;
color: #333;
font-size: 10px;
position: absolute;
z-index: 10;
line-height: 16px;
right: 10px;
top: 5px;
}
body.showroom #content-threecolumn {
padding-top: 50px;
}
div.panel {
width: 378px;
position: absolute;
border-bottom: 6px solid #d2232a;
background-color: #fff;
padding-bottom: 20px;
margin: 30px 0 15px 0;
padding: 15px;
color: #777;
}
div#panel-photos.panel {
}
/* Pagination Styles */
ul#items-photos, ul#items-videos {
/* The unordered list that is to be split into pages */
width:378px;
overflow-x: hidden;
overflow-y: visible;
position: relative;
padding: 0 0 18px 0;
}
ul#items-photos li.item, div.item {
display: block;
width: 100px;
height: 75px;
float: left;
margin: 7px 13px;
overflow: hidden;
}
#photofeed {
overflow: hidden;
position: relative;
margin: 0 auto;
padding: 0;
clear: left;
}
#photofeed div.item img, ul#items-videos div.item img {
/*width: 110px;
height: 70px;*/
}
#photofeed, div.slide {
height: 265px;
width: 390px;
float: left;
}
#navpager {
/*overflow: auto;*/
text-align: center;
}
#navpager a {
/* The links that initiate the page slide */
display: block;
/*display: inline-block; IE7 doesn't like inline-block */
background-color:#444444;
float:left;
height:15px;
margin:4px 8px;
text-indent:-9999px;
width:15px;
/*border:1px solid #ccc;*/
/* CSS3 rounded corners */
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
#navpager a:hover, #navpager a.activeSlide {
background-color:#ffbe10;
/* CSS3 inner shadow */
-moz-box-shadow:0 0 7px #ca8936 inset;
/*-webkit-box-shadow:0 0 7px #ca8936 inset;*/
box-shadow:0 0 7px #ca8936 inset;
}
#navpager a:focus { outline: none; }
.social {
text-align: center;
}
.social h4 {
color: #CCC;
padding: 7px 0;
}
#panel-articles ul {
margin: 0;
padding: 0;
}
#panel-articles ul li {
display: block;
clear: left;
}
#panel-articles ul li img {
float: left;
margin: 3px 15px;
}
#panel-articles ul li h3 {
padding-top: 10px;
}