html, body { margin:0; padding:0; }
/* colors:
- yellow orange: #d58840
- yellow: #FFBE10
- lgt gray: #67686B
- md gray: #58595A
*/
body { background:#444446 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:#d58840; outline:none; text-decoration:underline;
}
a:hover { color:#FFBE10; 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:#d58840; 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; }
img.floatright { float:right; padding:0 0 8px 8px; }
/* form
------------------------------ */
form { margin:0; padding:0; }
input.btn { border:#fff solid 1px; /* d58840 */ background:#3f120b; /* 58595A */ color:#d58840; /* ccc */ padding:2px 3px; text-transform:uppercase; font-weight:bold; font-size:85%; }
input, select, textarea { font-family:inherit; font-size:inherit; border:#58595A solid 2px; }
input, select, textarea { padding:2px; }
/* misc
------------------------------ */
span.error-text { color:#f90; font-style:italic; font-weight:bold; }
span.highlight { color:#d58840; }
strong.highlight { color:#d58840; }
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 #7e452f; }
img.construction-bdr-r { border-right:solid 1px #7e452f; }
img.construction-bdr-b { border-bottom:solid 1px #7e452f; }
img.construction-bdr-l { border-left:solid 1px #7e452f; }
/* 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:#000; margin:10px 0 0 0; padding:0; }
table.tblHomePageFeatures td p { padding:0; margin:0; }
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:#000 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:#fff; font-size:10px; width:210px; border-right:#000 solid 8px; vertical-align:top; padding:4px 0 0 0; }
table.tblHomePageFeatures td.copyBrochure { text-align:left; color:#fff; 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:#000 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:#d58840 solid 1px; }
/* 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:#67686B solid 1px; }
ul.showroom-model-lineup-details li.model-wrap { width:652px; height:125px; display:block; background:#494848; clear:both; border-bottom:#67686B solid 1px; }
ul.showroom-model-lineup li.bg-gray-md,
ul.showroom-model-lineup-details li.bg-gray-md { background:#545253; }
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/site/copy-link-arrow.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:#fff; text-decoration:none; }
ul.showroom-model-lineup ul li.model-description h4 a:hover,
ul.showroom-model-lineup-details ul li.model-description h4 a:hover { color:#d58840; 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:#C1C3C5; 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/site/copy-link-arrow.png) 0px 3px no-repeat; color:#ccc; 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/site/copy-link-arrow.png) 0px 3px no-repeat; color:#d58840; text-decoration:none; text-transform:uppercase; font-weight:bold; }
/* specs */
ul.showroom-model-lineup-details ul li.model-specs ul { color:#C1C3C5; 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:#d58840 solid 1px; padding:1px 10px; }
ul.showroom-model-lineup-details ul li.model-specs span.spec-value { color:#FFF; }
/* 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:#d58840 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; }
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:#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/site/page-heading-arrow.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:#d58840; 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:#d58840; }
/* active model */
div.showroomFlash ul li.active { background-color:#d58840; }
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:#d58840; text-decoration:none; }
div.showroomFlash div.showroomFlashView360 a:hover { color:#d58840; 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; }
/* structure
------------------------------ */
div#container { background-color:#67686B; width:865px; /* 889px */ margin:0 auto; border-right:#000 solid 12px; border-bottom:#000 solid 12px; border-left:#000 solid 12px; }
div#header {background:#804020 url(../../images/site/bg-header.jpg) 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; }
div#header ul.navigation li a.active { color:#d58840; }
div#header ul.navigation li a:hover { text-transform:uppercase; text-decoration:none; color:#d58840; }
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:#151415; height:32px; border-top:#000 solid 2px; border-bottom:#000 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:#151415 solid 1px; height:31px; }
div#navigation-main ul.navigation li a.active,
div#navigation-main ul.navigation li a:hover { border-bottom:#d58840 solid 1px; height:31px; }
div#navigation-main ul.navigation li a.active:hover { border-bottom:#FFF solid 1px; height:31px; }
/* showroom */
div#navigation-main ul.navigation li.showroom { border-right:#000 solid 1px; height:32px; }
div#navigation-main ul.navigation li.showroom a { width:147px; height:31px; display:block; background:url(../../images/site/nav/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/showroom.png) 0 -32px no-repeat; }
/* why */
div#navigation-main ul.navigation li.why { border-right:#000 solid 1px; height:32px; }
div#navigation-main ul.navigation li.why a { width:140px; height:31px; display:block; background:url(../../images/site/nav/why-sylvan.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.why a:hover,
div#navigation-main ul.navigation li.why a.active { width:140px; height:31px; display:block; background:url(../../images/site/nav/why-sylvan.png) 0 -32px no-repeat; }
/* company */
div#navigation-main ul.navigation li.ourcompany { border-right:#000 solid 1px; height:32px; }
div#navigation-main ul.navigation li.ourcompany a { width:143px; height:31px; display:block; background:url(../../images/site/nav/our-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:31px; display:block; background:url(../../images/site/nav/our-company.png) 0 -32px no-repeat; }
/* dealer locator */
div#navigation-main ul.navigation li.dealerlocator { border-right:#000 solid 1px; height:32px; }
div#navigation-main ul.navigation li.dealerlocator a { width:143px; height:31px; display:block; background:url(../../images/site/nav/dealer-locator.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.dealerlocator a:hover,
div#navigation-main ul.navigation li.dealerlocator a.active { width:143px; height:31px; display:block; background:url(../../images/site/nav/dealer-locator.png) 0 -32px no-repeat; }
.borderB { padding: 10px 0; border-bottom: 1px solid #7e8082; }
/* news */
div#navigation-main ul.navigation li.news { border-right:#000 solid 1px; height:32px; }
div#navigation-main ul.navigation li.news a { width:143px; height:31px; display:block; background:url(../../images/site/nav/news-events.png) 0 0 no-repeat; }
div#navigation-main ul.navigation li.news a:hover,
div#navigation-main ul.navigation li.news a.active { width:143px; height:31px; display:block; background:url(../../images/site/nav/news-events.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:31px; display:block; background:url(../../images/site/nav/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:31px; display:block; background:url(../../images/site/nav/contact.png) 0 -32px no-repeat; }
/* content - homepage */
div#content-homepage { clear:both; float:none; background-color:#000; color:#fff; }
div#content-wrap { color:#fff; font-size:80%; background:#67686b url(../../images/site/bg-content-wrap.png) 0 0 repeat-y; 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; /* 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:#d58840; 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/bg-nav.png) repeat-x 50% 0; padding:20px 20px 20px 39px; text-decoration:none; text-transform:uppercase; border-bottom:solid 1px #000; }
div#content-navigation ul.navigation li a.category:hover { color:#d58840; }
div#content-navigation ul.navigation li ul { margin:0; padding:5px 0; list-style-type:none; background: url(../../images/site/nav/bg-nav-sub.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:#d58840; 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:#d58840; 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:#000 solid 1px; }
div#content-navigation ul.navigation-showroom li a {color:#fff; text-decoration:none; }
div#content-navigation ul.navigation-showroom li a.category { display:block; width:154px; color:#fff; background:#290a05 url(../../images/site/nav/bg-nav.png) repeat-x 50% 0; padding:20px 20px 20px 39px; text-decoration:none; text-transform:uppercase; }/* */
div#content-navigation ul.navigation-showroom li a.category:hover { color:#d58840; }
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.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:#c8c8c8; 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:#d58840; 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:#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:#d58840; }
/* content containers */
div#content-twocolumn { color:#fff; width:592px; /* 652px */ padding:30px; float:left; }
div.content { background:url(../../images/site/bg-content-water.jpg) repeat-x 0 0; min-height:231px; }
div.content h1 { color:#fff; font-weight:bold; padding:4px 0 4px 14px; margin:0 0 .5em -14px; background:url(../../images/site/h1-heading-arrow.png) 0 50% no-repeat; }
div.content h1 span.highlight { color:#d58840; }
div.content a.lnkMoreSpecs { color:#ccc; font-weight:bold; text-transform:uppercase; text-decoration:none; }
div.content a.lnkMoreSpecs:hover { color:#d58840; }
div#content-secondary { color:#ccc; font-size:95%; width:184px; /* 244px */ padding:30px; margin:0; text-align:left; float:right; /* background:url(../../images/site/bg-content-water.jpg) 0 0 no-repeat; min-height:280px; */ }
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:#d58840; 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:#d58840; 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:#d58840; 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; 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: #a75229; 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;*/ }