html, body { margin:0; padding:0; }
/* colors:
- yellow orange: #d58840
- yellow: #FFBE10
- lgt gray: #67686B
- md gray: #58595A
- blue: #007ead
*/
body { background:#00202d url(../../images/site/bg-new.png) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:100%; }
/* anchors
------------------------------ */
a:link,
a:visited,
a:hover,
a:active {
color:#007ead; outline:none; text-decoration:underline;
}
a:hover { color:#007ead; 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:150%; text-transform:uppercase; padding:0; margin:0; font-family: 'Ubuntu Condensed', sans-serif;font-weight: 400; }
h2 { font-size:130%; text-transform:none; font-family: 'Ubuntu Condensed', sans-serif;font-weight: 400; margin: 13px 0 5px 0; }
h3 { font-size:115%; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; }
h4 { font-size:110%; color:#ccc; text-transform:uppercase; font-weight:normal; margin-bottom:0; padding-bottom:0; font-family: 'Ubuntu Condensed', sans-serif; }
p { padding-top:0; margin-top:0; /* padding:0 0 .8em 0; */ }
p.note { background:url(../../images/chevron-blue.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:#7baf37; text-decoration:none; }
span.uppercase { text-transform:uppercase; }
/* images
------------------------------ */
img { border-width:0; }
img.logo { width:252px; height:45px; margin:38px 0 0 29px; position:absolute; display: none; }
img.floatright { float:right; padding:0 0 8px 8px; }
#header a.link-home { width: 252px; height: 45px; margin: 38px 0 0 29px; position: absolute; display: block; }
/* form
------------------------------ */
form { margin:0; padding:0; }
input.btn { border:#fff solid 1px; /* d58840 */ background:#505050; /* 58595A */ color:#7baf37; /* ccc */ padding:5px 10px; text-transform:uppercase; font-weight:bold; font-size:85%; cursor: pointer; }
input, select, textarea { font-family:inherit; font-size:inherit; border:#a3a3a3 solid 1px; }
input, select, textarea { padding:2px; }
/* misc
------------------------------ */
span.error-text { color:#f90; font-style:italic; font-weight:bold; }
span.highlight { color:#007ead;/*7baf37*/ }
strong.highlight { color:#7baf37; }
strong.uppercase { text-transform:uppercase; }
div.clear { clear:both;float:none;height:0px; }
hr { border:0; color:#58595A; background:#58595A; height:1px; width:100%; }
ol.construction-copy { list-style:none; padding-left:0; margin-left:0; }
ol.construction-copy li { padding-bottom:1em; }
ul.construction { list-style:none; padding:0; margin:0; width:590px; float:none; clear:both; }
ul.construction li.col-left { width:270px; padding:0 20px 0 0; float:left; }
ul.construction li.col-right { width:270px; padding:0 0 0 20px; float:left; }
ul.construction ul { list-style:none; padding-left:0; margin-left:0; width:270px; }
ul.construction ul.pontoon { list-style:none; padding-left:0; margin-left:0; width:100%; }
ul.construction ul li { /*font-size:90%;*/ padding:0 0 10px 0; }
/* letters */
ul.construction li.letter-A { background:url(../../images/icons/letter-A.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-B { background:url(../../images/icons/letter-B.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-C { background:url(../../images/icons/letter-C.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-D { background:url(../../images/icons/letter-D.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-E { background:url(../../images/icons/letter-E.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-F { background:url(../../images/icons/letter-F.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-G { background:url(../../images/icons/letter-G.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-H { background:url(../../images/icons/letter-H.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-I { background:url(../../images/icons/letter-I.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-J { background:url(../../images/icons/letter-J.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-K { background:url(../../images/icons/letter-K.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-L { background:url(../../images/icons/letter-L.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-M { background:url(../../images/icons/letter-M.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-N { background:url(../../images/icons/letter-N.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-O { background:url(../../images/icons/letter-O.png) no-repeat 0 4px; padding-left:18px; }
ul.construction li.letter-P { background:url(../../images/icons/letter-P.png) no-repeat 0 4px; padding-left:18px; }
/* letters - end */
ul.construction-pontoon { list-style:none; padding:0; margin:0; }
ul.construction-pontoon li { float:left; padding-bottom:15px; }
img.construction-bdr-t { border-top:solid 1px #7baf37; }
img.construction-bdr-r { border-right:solid 1px #7baf37; }
img.construction-bdr-b { border-bottom:solid 1px #7baf37; }
img.construction-bdr-l { border-left:solid 1px #7baf37; }
/* 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; }
/* content page headers */
div.ContentPageHeader { width:865px; height:258px; }
div.ContentPageHeader h1 { padding:4px 0 4px 14px; margin:10px 0 0 10px; background:url(../../images/site/h1-heading-arrow.png) 0 50% no-repeat; float:left; }
div.ContentPageHeader h1.bottom { margin:220px 0 0 10px; }
/* home page feature buttons */
table.tblHomePageFeatures { border:0; background-color:#FFF; margin:10px 0 0 0; padding:0; }
table.tblHomePageFeatures td p { padding: 8px 0 0 0; margin:0; color: #505050; font-family: 'Ubuntu Condensed', sans-serif; }
table.tblHomePageFeatures td p.arrow-link { padding:0; margin:0; text-align:right; float:right; }
table.tblHomePageFeatures td.badgeRptTubes,
table.tblHomePageFeatures td.badgeShowroom,
table.tblHomePageFeatures td.badgeBoatShowCal { width:210px; height:119px; border-right:#FFF solid 8px; vertical-align:top; }
table.tblHomePageFeatures td.badgeBrochure { width:210px; height:117px; text-align:right; }
table.tblHomePageFeatures td.copyRptTubes,
table.tblHomePageFeatures td.copyShowroom,
table.tblHomePageFeatures td.copyBoatShowCal { text-align:left; color:#a3a3a3; font-size:10px; width:210px; border-right:#FFF solid 8px; vertical-align:top; padding:4px 0 0 0; }
table.tblHomePageFeatures td.copyBrochure { text-align:left; color:#a3a3a3; font-size:10px; width:210px; vertical-align:top; padding:4px 0 0 0; }
/* link effects */
table.tblHomePageFeatures td.badgeRptTubes a, table.tblHomePageFeatures td.badgeShowroom a, table.tblHomePageFeatures td.badgeBoatShowCal a, table.tblHomePageFeatures td.badgeBrochure a { /*border-bottom:#fff solid 1px;*/ }
table.tblHomePageFeatures td.badgeRptTubes a:hover, table.tblHomePageFeatures td.badgeShowroom a:hover, table.tblHomePageFeatures td.badgeBoatShowCal a:hover, table.tblHomePageFeatures td.badgeBrochure a:hover { border-bottom:#fff solid 1px; }
table.tblHomePageFeatures tr.badges td a { position: relative; z-index: 2; width: 188px; height: 112px; display: block; margin: -117px 0 0 0; padding: 0 0 0 22px; background: url(../../images/site/bullet-arrows.png) no-repeat 8px 5px; text-decoration: none; color: #fff; font-family: 'Ubuntu Condensed', sans-serif; text-transform: uppercase; font-size: 120%; }
table.tblHomePageFeatures tr.badges td p a { display: inline; margin: 0; padding: 0; background: none; color: #007ead; font-size: 100%; text-transform: none; }
table.tblHomePageFeatures tr.badges td a span { color: #505050; }
/* showroom */
/* ul.showroom-model-lineup { width:466px; margin:0 -30px 0 -30px; padding:0; list-style-type:none; } */
ul.showroom-model-lineup { width:652px; /* 652 */ margin:0 -30px 0 -30px; padding:0; list-style-type:none; }
ul.showroom-model-lineup-details { width:592px; /* 652 */ margin:0 -30px 0 -30px; padding:0; list-style-type:none; }
ul.showroom-model-lineup li,
ul.showroom-model-lineup-details li { margin:0; padding:0; }
ul.showroom-model-lineup li.model-wrap { width:466px; height:125px; display:block; background:#494848; clear:both; border-bottom:#ccc solid 1px; }
ul.showroom-model-lineup-details li.model-wrap { width:652px; height:125px; display:block; /*background:#494848;*/ clear:both; border-bottom:#ccc solid 1px; }
ul.showroom-model-lineup li.bg-gray-md,
ul.showroom-model-lineup-details li.bg-gray-md { background: url(../../images/content-bg-light.png) repeat-y; }
ul.showroom-model-lineup ul { width:466px; height:125px; display:block; padding:0; margin:0; list-style-type:none; }
ul.showroom-model-lineup-details ul { width:652px; height:125px; display:block; padding:0; margin:0; list-style-type:none; }
/* boat model img */
ul.showroom-model-lineup ul li.model-image,
ul.showroom-model-lineup-details ul li.model-image { text-align:center; padding:10px 0 0 0; width:240px; height:115px; float:left; }
/* description */
ul.showroom-model-lineup ul li.model-description,
ul.showroom-model-lineup-details ul li.model-description { width:212px; /* 222px */ padding:15px 5px 5px 5px; height:105px; float:left; }
ul.showroom-model-lineup ul li.model-description h4,
ul.showroom-model-lineup-details ul li.model-description h4 { padding:0 0 6px 12px; margin:0; font-size:95%; text-transform:uppercase; line-height:normal; background:url(../../images/chevron-blue.png) 0px 3px no-repeat; font-weight:bold; }
ul.showroom-model-lineup ul li.model-description h4 span,
ul.showroom-model-lineup-details ul li.model-description h4 span { color:#6D6E70; }
ul.showroom-model-lineup ul li.model-description h4 a,
ul.showroom-model-lineup-details ul li.model-description h4 a { color:#007ead; text-decoration:none; font-weight: 400; font-size: 120%; }
ul.showroom-model-lineup ul li.model-description h4 a:hover,
ul.showroom-model-lineup-details ul li.model-description h4 a:hover { color:#7baf37; text-decoration:none; }
ul.showroom-model-lineup ul li.model-description h4 a span,
ul.showroom-model-lineup-details ul li.model-description h4 a span { color:#6D6E70; text-decoration:none; }
ul.showroom-model-lineup ul li.model-description h4 a:hover span,
ul.showroom-model-lineup-details ul li.model-description h4 a:hover span { color:#999; text-decoration:none; }
ul.showroom-model-lineup ul li p,
ul.showroom-model-lineup-details ul li p { color:#505050; padding:0 0 .7em 0; margin:0; font-size:88%; line-height:normal; }
ul.showroom-model-lineup ul li p.view-link,
ul.showroom-model-lineup-details ul li p.view-link { padding:0; margin:0; text-align:right; }
ul.showroom-model-lineup ul li p.view-link a,
ul.showroom-model-lineup-details ul li p.view-link a { padding:0 0 0 12px; margin:0; text-align:right; background:url(../../images/chevron-blue.png) 0px 1px no-repeat; color:#007ead; text-decoration:none; text-transform:uppercase; font-weight:bold; }
ul.showroom-model-lineup ul li p.view-link a:hover,
ul.showroom-model-lineup-details ul li p.view-link a:hover { padding:0 0 0 12px; margin:0; text-align:right; background:url(../../images/chevron-blue.png) 0px 1px no-repeat; color:#7baf37; text-decoration:none; text-transform:uppercase; font-weight:bold; }
/* specs */
ul.showroom-model-lineup-details ul li.model-specs ul { color:#505050; padding:20px 10px 0 10px; margin:0; width:170px; /* 190px */ height:105px; font-size:88%; line-height:normal; float:left; }
ul.showroom-model-lineup-details ul li.model-specs ul li { border-left:#7baf37 solid 1px; padding:1px 10px; }
ul.showroom-model-lineup-details ul li.model-specs span.spec-value { color:#007ead; }
/* showroom */
dl.showroom-specs-options { margin:0; padding:0; /*width:408px; background:#A2A3A6;*/ }
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:88%; padding:4px 10px; /*width:388px; background:url(../../images/site/bg-showroom-specs-standards-options.jpg) 0% 0% repeat-y;*/ }
dl.showroom-specs-options dd { padding:4px 10px; /*width:388px;*/ }
/*
div#overheadFlash div#overhead {position:relative; z-index:0; outline:none;}
*/
/* Showroom Gallery */
ul.photo-gallery { list-style-type:none; margin:0; padding:0; /*width:570px; background:#f00;*/ }
ul.photo-gallery li { float:left; margin:0; padding:0 10px 10px 0; /* padding:0;*/ }
ul.photo-gallery li a { display:block; border:#333 solid 2px; }
ul.photo-gallery li a:hover { border:#7baf37 solid 2px; }
ul.photo-gallery li img { display:block; border:0; margin:0; padding:0; width:100px; height:67px; }
/* 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: 100%; }
table.tblModelSpecs th,
table.tblModelSpecs td { padding:2px 4px; vertical-align:top; border-bottom:#ccc solid 1px; } /* #7D7E7F */
table.tblModelSpecs td { width: 40px; }
table.tblModelSpecs th { text-align:left; color:#505050; font-weight:normal; }
table.tblModelSpecs span { color: #007ead; }
/* Starcraft Showroom */
div.showroomFlash { width:865px; height:253px; background:#000; }
div.showroomFlash ul { margin:0; padding:0; list-style-type:none; }
div.showroomFlash ul li { float:left; background-color:#494848; padding:5px 6px 4px 6px; font-size:12px; 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:#000 url(../../images/chevron-blue.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:#fff; text-decoration:none; font-weight:normal; }
div.showroomFlash ul li a:hover { color:#7baf37; 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:#7baf37; }
/* active model */
div.showroomFlash ul li.active { background-color:#7baf37; }
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:#fff; text-decoration:none; font-weight:normal; }
div.showroomFlash ul li.active a:hover { color:#000; text-decoration:none; font-weight:normal; }
/* showroom 360 anchor */
div.showroomFlash div.showroomFlashView360 { text-transform:uppercase; width:75px; float:left; position: absolute; z-index:5; padding:2px 0 2px 18px; margin:210px 0 0 30px; font-size:11px; background:url(/images/site/circle-arrow-gray.png) 0 50% no-repeat; }
div.showroomFlash div.showroomFlashView360 a { color:#999; text-decoration:none; }
div.showroomFlash div.showroomFlashView360 a span.highlight { color:#7baf37; text-decoration:none; }
div.showroomFlash div.showroomFlashView360 a:hover { color:#7baf37; text-decoration:none; }
div.showroomFlash div.showroomFlashView360 a:hover span.highlight { color:#FFF; text-decoration:none; }
/* floating secondary content column */
div.ColRight { float:right; width:220px; padding:0 0 0 20px; }
/* div.ColRightBg { background:#666; opacity:0.4; filter:alpha(opacity=40); } */
div.ColRightBox { /* width:179px; 180 padding:20px; background:#333; */ width:210px; margin-bottom:20px; }
div.ColRightBox h3 { margin-top:0; padding-top:0; }
a.btn2010 {
display: block;
width: 190px;
height: 40px;
background-image: url(/images/2010btn-bg.png);
background-repeat: no-repeat;
color: #fff;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 12px;
font-weight: normal;
/*text-transform: uppercase;*/
margin: 15px auto;
}
a.btn2010:hover {
color: #7baf37;
}
/* resources page */
dl.resources dt { font-weight:bold; }
dl.resources dd { padding-bottom:10px; }
/* dealer locator page */
dl.dealer-locator dt { color:#505050; font-weight:bold; }
dl.dealer-list dt { color:#7baf37; 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; }
/* structure
------------------------------ */
div#container { background-color:#67686B; width:865px; /* 889px */ margin:0 auto; border-right:#FFF solid 12px; border-bottom:#FFF solid 12px; border-left:#FFF solid 12px; }
div#header {background:#fff url(../../images/site/bg-header-new.png) 0% 0% repeat-x; width:865px; height:100px; }
div#header ul.navigation { margin:75px 15px 0 0; padding:0; list-style-type:none; float:right; }
div#header ul.navigation li { color:#999; display:inline; font-size:11px; font-weight:normal; padding:0; }
div#header ul.navigation li a { text-transform:uppercase; text-decoration:none; color:#999; font-family: 'Ubuntu Condensed', sans-serif; }
div#header ul.navigation li a.active { color:#007ead; }
div#header ul.navigation li a:hover { text-transform:uppercase; text-decoration:none; color:#007ead; }
div#header ul.navigation li a.active:hover { color:#fff; }
div#header ul.navigation li.contact { border-right:#999 solid 1px; padding:0 5px; }
div#header ul.navigation li.store { border-right:#999 solid 1px; padding:0 5px; }
div#header ul.navigation li.dealer { padding-left:5px; }
/* main nav */
div#navigation-main { background-color:#007ead; height:32px; border-top:#fff solid 2px; border-bottom:#007ead solid 2px; }
div#navigation-main ul.navigation { margin:0; padding:0; list-style-type:none; height:32px; }
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:#8dc63f solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li a.active,
div#navigation-main ul.navigation li a:hover { /*border-bottom:#8dc63f solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li a.active:hover { /*border-bottom:#FFF solid 1px;*/ height:32px; }
/* showroom */
div#navigation-main ul.navigation li.showroom {/* border-right:#007ead solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li.showroom a { width:146px; height:32px; display:block; background:url(../../images/site/nav/btn-showroom.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.showroom a:hover,
div#navigation-main ul.navigation li.showroom a.active { background:url(../../images/site/nav/btn-showroom.png) 0 -32px no-repeat; }
/* why */
div#navigation-main ul.navigation li.why { /*border-right:#006a92 solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li.why a { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-why.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.why a:hover,
div#navigation-main ul.navigation li.why a.active { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-why.png) 0 -32px no-repeat; }
/* company */
div#navigation-main ul.navigation li.ourcompany { /*border-right:#006a92 solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li.ourcompany a { width:143px; height:32px; display:block; background:url(../../images/site/nav/btn-company.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.ourcompany a:hover,
div#navigation-main ul.navigation li.ourcompany a.active { width:143px; height:32px; display:block; background:url(../../images/site/nav/btn-company.png) 0 -32px no-repeat; }
/* dealer locator */
div#navigation-main ul.navigation li.dealerlocator { /*border-right:#006a92 solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li.dealerlocator a { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-dealerlocator.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.dealerlocator a:hover,
div#navigation-main ul.navigation li.dealerlocator a.active { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-dealerlocator.png) 0 -32px no-repeat; }
.borderB { padding: 10px 0; border-bottom: 1px solid #8dc63f; }
/* news */
div#navigation-main ul.navigation li.news { /*border-right:#006a92 solid 1px;*/ height:32px; }
div#navigation-main ul.navigation li.news a { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-newsevents.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.news a:hover,
div#navigation-main ul.navigation li.news a.active { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-newsevents.png) 0 -32px no-repeat; }
/* contact */
div#navigation-main ul.navigation li.contact { height:32px; }
div#navigation-main ul.navigation li.contact a { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-contact.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.contact a:hover,
div#navigation-main ul.navigation li.contact a.active { width:144px; height:32px; display:block; background:url(../../images/site/nav/btn-contact.png) 0 -32px no-repeat; }
/* content - homepage */
div#content-homepage { clear:both; float:none; background-color:#FFF; color:#fff; }
div#content-wrap { color:#fff; font-size:80%; background:#c3de99 url(../../images/site/nav/nav-bg.png) 0 bottom no-repeat; width:865px; clear:both; min-height:575px; }
body.home div#content-wrap { min-height:0; }
/* series/model flash */
div#content-flash { width:865px; /*height:256px;*/ color:#fff; /*background-color:#000;*/ }
/* navigation */
div#content-navigation { width:213px; min-height: 350px; /* 213px */ /* padding:30px 20px 30px 23px; */ font-size:85%; color:#fff; font-weight:normal; text-align:left; float:left; }
/* showroom pg body class */
/* body.showroom div#content-navigation { width:213px; padding:0 0 30px 0; } */
/* 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:#fff; font-size:100%; font-weight:bold; }
div#content-navigation h4 { color:#7baf37; margin:0 0 .5em 0; }
/* nav ul */
div#content-navigation ul.navigation { width:213px; margin:0; padding:0; background:#131313; list-style-type:none; }
div#content-navigation ul.navigation li { display:block; /*border-bottom:#000 solid 1px;*/ }
div#content-navigation ul.navigation li a {color:#fff; text-decoration:none; }
div#content-navigation ul.navigation li a.category { display:block; width:154px; color:#fff; background:/*#290a05*/ url(../../images/site/nav/menu-listitem-bg-active.png) repeat-x 50% 0; padding:10px 20px 10px 39px; text-decoration:none; text-transform:uppercase; border-bottom:solid 1px #000; }
div#content-navigation ul.navigation li a.category:hover { color:#7baf37; }
div#content-navigation ul.navigation li ul { margin:0; padding:5px 0; list-style-type:none; background: url(../../images/site/nav/bg-nav-sub-green.png) no-repeat 50% 50%; }
div#content-navigation ul.navigation li ul li { margin:0; padding:2px 10px 2px 39px; border:0; text-transform:uppercase; }
div#content-navigation ul.navigation li ul li a {color:#c8c8c8; text-decoration:none; }
div#content-navigation ul.navigation li ul li a span { color:#878686; }
div#content-navigation ul.navigation li ul li a.active,
div#content-navigation ul.navigation li ul li a:hover { color:#7baf37; 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:#FFF; text-decoration:none; }
/* nested navigation */
/*
div#content-navigation ul.navigation li ul.navigation-sub { margin:0 0 0 20px; padding:5px 0; list-style-type:none; }
div#content-navigation ul.navigation li ul.navigation-sub li { color:#9B9DA0; margin:0; padding:2px 0; border:0; text-transform: none; }
div#content-navigation ul.navigation li ul.navigation-sub li a {color:#9B9DA0; text-decoration:none; }
div#content-navigation ul.navigation li ul.navigation-sub li a.active,
div#content-navigation ul.navigation li ul.navigation-sub li a:hover { color:#7baf37; text-decoration:none; }
div#content-navigation ul.navigation li ul.navigation-sub li a.active:hover { color:#FFF; text-decoration:none; }
*/
/* showroom navigation */
div#content-navigation ul.navigation-showroom { width:213px; margin:0; padding:0; background:#131313; list-style-type:none; }
div#content-navigation ul.navigation-showroom li { display:block; border-top:#98c852 solid 1px; }
div#content-navigation ul.navigation-showroom li a {color:#DDECC6; text-decoration:none; }
div#content-navigation ul.navigation-showroom li a.category { display:block; width:154px; color:#DDECC6; background:/*#290a05 */url(../../images/site/nav/menu-listitem-bg-inactive.png) repeat-x 50% 0; padding:10px 20px 10px 39px; text-decoration:none; text-transform:uppercase;font-family: 'Ubuntu Condensed', sans-serif; font-size: 120%; }/* */
div#content-navigation ul.navigation-showroom li a.category:hover { color:#FFF; background: url(../../images/site/nav/menu-listitem-bg-active.png); }
div#content-navigation ul.navigation-showroom li ul { margin:0; padding:5px 0; list-style-type:none; background: url(../../images/site/nav/bg-nav-sub-green.png) no-repeat 50% 50%; }
div#content-navigation ul.navigation-showroom li ul li { margin:0; padding:2px 10px 2px 39px; border:0; text-transform:uppercase; }
div#content-navigation ul.navigation-showroom li ul li a {color:#DDECC6; text-decoration:none; font-family: 'Ubuntu Condensed', sans-serif; font-size: 120%; }
div#content-navigation ul.navigation-showroom li ul li a span { color:#98c752; }
div#content-navigation ul.navigation-showroom li ul li a.active,
div#content-navigation ul.navigation-showroom li ul li a:hover { color:#fff; text-decoration:none; }
div#content-navigation ul.navigation-showroom li ul li a:hover span { color:#98c752; 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:#FFF; text-decoration:none; }
/* jQuery
.ui-accordion li .ui-accordion-header { display:block; width:154px; padding:13px 20px 13px 39px; color:#C0C2C4; background:#363334; }
.ui-accordion li.selected .ui-accordion-header { background:#363334 url(../../images/site/circle-arrow-down.gif) no-repeat 20px 50%; }
*/
/* back links */
div#content-navigation ul.navigation-showroom li ul li.liBackLink-bdr { border-top:#333 dotted 1px; }
div#content-navigation ul.navigation-showroom li ul li.liBackLink { font-size:10px; margin:0 20px 0 39px; 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:#7baf37; }
/* content containers */
div#content-twocolumn { color:#505050; width:592px; /* 652px */ padding:30px; float:left; }
div.content { background: url(/images/content-bg.png) repeat-y right top #bbbcbd; min-height:350px; }
div.content h1 { color:#fff; font-weight:400; padding:4px 0 4px 14px; margin:0 0 .5em -14px; background:url(/images/chevron-blue.png) 0 50% no-repeat;font-family: 'Ubuntu Condensed', sans-serif; font-size: 130%; }
div.content h1 span.highlight { color:#007ead; }
div.content a.lnkMoreSpecs { color:#ccc; font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content a.lnkMoreSpecs:hover { color:#7baf37; }
div#content-secondary {
color:#fff;
font-size:95%;
width:152px; /*244px */
padding:15px;
margin:0;
text-align:left;
float:right;
min-height:400px;/* */
/*background-image: url(../../images/site/nav/bg-nav-sub-green.png);*/
background: #67686B;
/*background-repeat: repeat-y;
background-position: 0 0;*/
}
div#content-secondary-sm { color:#ccc; font-size:95%; width:156px;/*186px*/ padding:15px;/*0px*/ margin:0; text-align:left; float:right; /* background:url(../../images/site/bg-content-secondary.jpg) 0 0 no-repeat; min-height:280px; */ }
div.content-secondary a:link,
div.content-secondary a:visited,
div.content-secondary a:active { color:#7baf37; font-weight:normal; text-decoration:underline; }
div.content-secondary a:hover { color:#000; 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 { color:#ccc; font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content-secondary p.note a:hover { color:#7baf37; 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 { color:#fff; font-size:100%; font-weight:bold; }
div.content-secondary h4 { color:#7baf37; margin:0 0 1em 0; }
div.content-secondary ul,
div.content-secondary ol { margin-left:0px; padding-left:10px; }
div#overheadFlash { margin:-30px -30px 0 -30px; width:244px; height:436px; padding:0; }
div.bestbadge { width: 170px; height: 42px; margin: 50px auto 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;*/ background-color: #ddd; padding: 15px 0; width: 889px; margin: 0 auto;font-family: 'Ubuntu Condensed', sans-serif; color: #505050; }
.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: 115px; list-style: none; padding: 0 15px; margin: 0; float: left; border-right: 2px solid #fff; }
#footer-container ul li.main {min-height: 160px; }
#footer-container ul li ul li { line-height: 20px; list-style: none; padding: 0; margin: 0; border: none; height: auto; }
#footer-container ul li a.header { text-transform: uppercase; color: #7baf37; text-decoration: none; font-size: 16px; }
#footer-container ul li ul li a { color: #a3a3a3; font-size: 12px; text-decoration: none; text-transform: none; }
#footer-container ul li ul li a:hover { color: #505050; }
#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; border: none; }
#footer-container ul li.dealerlocator input#zipcode { width: 100px; height: 14px; padding: 3px; border: solid 1px #a3a3a3; }
#footer-container ul li.dealerlocator a.button { color: #fff; background-color: #a3a3a3; padding: 5px 7px; }
#footer-container ul li.dealerlocator a.button:hover {/* color: #000; background-color: #ffc52d;*/ border: solid 1px #a3a3a3; 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: #505050; margin: 10px 0;*/ }
/* packages */
div.packages { font-size:90%; margin-top:0; clear: left; /* width:470px; margin:20px 0 0 -30px; */ }
div.packages h2 { color:#fff; text-transform:uppercase; margin:0; padding:10px 0; }
div.package { /*width:225px; 235px */ padding:0 0 20px 10px; /* float:left; */ }
div.package h3 { color:#7baf37; /* red: 740017*/ font-weight:400; margin:0 0 8px 40px; padding:0; font-size: 140%; }
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; }
div.package ul li { line-height: 140%; margin-bottom: 6px; }
#showroomRight div.badge img { width: 152px; margin: 5px 0; }
/* pricing and deals */
div.wrap-pricing { width: 350px; text-align: left; }
div.wrap-pricing ul { padding: 0; margin: 0; }
div.wrap-pricing ul li { display: block; width: 150px; list-style-type: none; float: left; height: 160px; padding: 0 10px; }
p.model-price, p.model-discount { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #1d1d1d; 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: #BEB3A8; /*#4e150b;*/ }
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%; }
p.model-discount span.special { font-size: 120%; }
p.model-discount span.price { font-size: 150%; font-weight: bold; color: #BEB3A8; /*#4e150b;*/ }
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:#505050;
width:470px; /* 408px */
padding:0;
float:left;
}
div#content-threecolumn2012 .content {
padding: 50px 30px 30px 30px;
}
#content-threecolumn2012 #content {
margin-left: 213px;
}
#feature {
background-color: #67686b;
/*width: 676px;*/
padding: 0 0 0 213px;
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 #7baf37;
}
#nav-specs {
position: absolute;
margin-left: 213px;
width: 470px;
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: #7baf37;
color: #fff;
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 #7baf37;
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:#007ead;
/* CSS3 inner shadow */
-moz-box-shadow:0 0 7px #036 inset;
/*-webkit-box-shadow:0 0 7px #ca8936 inset;*/
box-shadow:0 0 7px #036 inset;
}
#navpager a:focus { outline: none; }
.social {
text-align: center;
}
.social h4 {
color: #007ead;
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;
}