/*colors
cyan: 26a9e0; cyan(darker): 0093D1; blue: 003e7e; red: b5121b; brown: 362f2d; tan: F0EBE6; 
*/

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*basic*/
body {background: #eee; color: #333;font-family: Arial,sans-serif;font-size: 12px; line-height: 1.3em;}
a {text-decoration: none; color: #0093D1;}
a:hover {text-decoration: underline; color: #000;}
input.button, a, a span {cursor: pointer;}

/*content + layout */
body {background: #eee url(/web/vcg/fleetwood/images/css_/bg.jpg) no-repeat center top; }
#header {min-height: 168px; background: transparent url(/web/vcg/fleetwood/images/css_/bg1.jpg) no-repeat left top; position: relative;}
body.retailer #header {background-image: url(/web/vcg/fleetwood/images/css_/bg2.jpg);}
body.floorplan #header {background-image: url(/web/vcg/fleetwood/images/css_/bg3.jpg);}
body.preferred #header {background-image: url(/web/vcg/fleetwood/images/css_/bg4.jpg);}
body.ownership #header {background-image: url(/web/vcg/fleetwood/images/css_/bg5.jpg);}
body.commercial #header {background-image: url(/web/vcg/fleetwood/images/css_/bg6.jpg);}
#header a:hover {text-decoration: none;}
#header img.logo {position: absolute; top: 15px; left: 10px;}
#header h1 {position: absolute; top: 15px; left: 0; width: 209px; height: 105px;}
#header h1 a {width: 100%; height: 100%; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap;}

ul#nav {position: absolute; top: 74px; right: 10px; overflow: visible; width: 640px; }
ul#nav li {float: left; width: 140px; margin: 0 0 0 20px; padding: 0; overflow: hidden; height: 44px;}
ul#nav li:hover {overflow: visible;}
ul#nav li a {display: block; width: 140px; height: 35px; margin: 0; padding: 3px 0 0 0; text-align: center;color: #fff; font: 16px/16px Georgia, serif; font-weight: normal; letter-spacing: 0;border-bottom: 6px solid #362f2d;}
ul#nav li a.retailer, ul#nav li a.floorplan {line-height: 32px;}
ul#nav li:hover a {color: #000; border-bottom: 6px solid #fff;background: transparent url(/web/vcg/fleetwood/images/css_/white50.png) repeat;}
ul#nav li a:hover { color: #000;}
ul#nav li a.active {background: transparent url(/web/vcg/fleetwood/images/css_/white70.png) repeat; color: #000; border-bottom: 6px solid #fff;}
ul#nav li ul {display: block;background: transparent url(/web/vcg/fleetwood/images/css_/black90.png) repeat;overflow: auto; padding: 0 0 6px;}
ul#nav li ul li {float: left; display: block; width: 140px; height: auto;margin: 0; padding: 0;}
ul#nav li ul li:hover {background: none;}
ul#nav li ul li a {color: #fff !important;text-align: left; height: auto; width: 124px; margin: 0; padding: 5px 8px;  font: 12px/13px Arial, sans-serif;}
ul#nav li ul li a.active {color: #26a9e0 !important; font-weight: bold; background: none; border: none;}
ul#nav li:hover ul li a {border-bottom: 1px dotted #aaa; background: none;}
ul#nav li ul li a:hover  {color: #26a9e0 !important;background: #000;}
ul#nav li ul li ul {padding: 0;}
ul#nav li ul li ul li {background: #444; }
ul#nav li ul li ul li a {width: 112px; padding: 3px 8px 3px 20px;}
ul#nav li ul li ul li a.active {}
ul#nav li:hover ul li ul li a {border-bottom: 1px dotted #000; }
ul#nav li ul li ul li a:hover  {color: #26a9e0 !important;background: #333;}

#contact {position: absolute; top: 0; right: 10px; text-align: right; }
#contact p.tollfree {font-size: 24px; font-weight: bold; color: #362f2d; margin: 5px 0 2px; line-height: 1.2em;}
#contact a {font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 0 2px; margin: 0 0 0 10px; height: 13px; line-height: 13px;color: #9DDBF5;}
#contact p.tollfree a {font-size: 24px; height: auto; line-height: 1.2em;color: #fff;text-shadow: 2px 2px 5px #000;}
#contact a span.goto {font-size: 16px; }
#contact a:hover {background-color: #fff;color: #000;}

#locator {width: 57%; height: 348px; overflow: hidden; padding: 20px 2%; border: 1px solid #aaa; background: #eee url(/web/vcg/fleetwood/images/css_/americas.png) no-repeat -10px 10px; position: relative;}
#locator h2 {display: none;}
#locator form {display: none;}
.js #locator form {display: block;}
ul.locator-alt {margin: 0 0 15px 240px; }
ul.locator-alt span.block {margin: 20px 0; font: bold 20px/22px Georgia, serif; }
ul.locator-alt a {font: bold 20px/22px Georgia, serif; color: #362f2d; text-decoration: underline; display: block; }
p#l-intro {font-family: Georgia, serif; color: #b5121b; margin: 0 0 15px 30%; font-size: 16px; line-height: 18px;font-style: italic; font-weight: bold; text-indent: -30px;}
p#l-intro.fade {color: #666; }
p#l-or {margin: -15px 0 5px 65%; font-family: Georgia, serif;font-size: 14px; line-height: 28px; text-align: center; font-style: italic; width: 30px; height: 30px; background: transparent url(/web/vcg/fleetwood/images/css_/circle30.png) no-repeat -30px -30px; color: #fff;}
p#l-or.fade {background-position: -30px 0;}
div.locator {margin: 0 0 15px 20%; padding: 0 0 0 80px; overflow: auto; position: relative;}
div.locator input.radio {position: absolute; left: 100px; top: 0;}
div.locator label {float: left; padding: 0 0 0 40px; color: #666; }
div.locator label strong {display: block; font: bold 20px/22px Georgia, serif; margin: 0 0 10px; color: #000; }
div.locator.fade label, div.locator.fade label strong {color: #bbb; }
#where {position: absolute; width: 100%; height: 180px; left: 0; }
#where.unfade {background: transparent url(/web/vcg/fleetwood/images/css_/black10.png) repeat;}
#where p#l-where {color: #999;}
#where.unfade p#l-where {color: #000;}
#where div#l-zip label {color: #999;}
#where.unfade div#l-zip label {color: #b5121b;}
#where div#l-zip input {background: transparent url(/web/vcg/fleetwood/images/css_/white50.png) repeat; border: 1px solid #ccc; color: #ccc; cursor: default; font-weight: bold;}
#where.unfade div#l-zip input {background: #fff;border: 1px solid #26a9e0; color: #666; cursor: text;}
#where p.hint {display: none;margin: 0 0 0 30%; color: #b5121b; font: italic bold 13px/13px Georgia, serif;}
#where.unfade input.button {display: block;}

#top {width: 100%; overflow: hidden; }
#locator {float: left;}
#top-right {float: right; display: block; width: 37%; height: 348px; position: relative;}
div.rotator {height: 300px; width: 100%;}
h3.motto {background: transparent url(/web/vcg/fleetwood/images/css_/built-for-life-fw.png) no-repeat bottom right; text-indent: 100%; overflow: hidden; white-space: nowrap; width: 100%; height: 300px; position: absolute; z-index: 20; background-size: 100%; }

#brochure {margin: 10px 0 0; padding: 10px; position: relative; width: auto; min-height: 60px; background: #362f2d; text-align: center;}
#brochure a.brochure { color: #fff; font: italic 32px/32px Georgia, serif; }
#brochure a.brochure span.small {font: bold 14px/16px Arial, sans-serif; display: block; color: #26a9e0; text-align: left;}
#brochure a.brochure:hover {text-decoration: none; }
#brochure a.brochure:hover span.small {color: #fff; text-decoration: underline;}

#news {background: #eee; border: 1px solid #aaa; position: relative; padding: 10px 0 0 200px; overflow: hidden;margin: 20px 0; }
#news h3 {font: italic 34px/28px Georgia, serif; color: #999; letter-spacing: -1px; position: absolute; top: 5px; left: 5px; }
#news h4 {height: 40px; overflow: hidden; }
#news h4 a {color: #000 !important; text-decoration: none;}
#news h4 a:hover {color: #26a9e0 !important;}
#news span.time, body.news span.time {display: block; font: normal 10px/14px Arial, sans-serif; color: #999; text-transform: uppercase;}
#news div.item {width: 31%; float: left; margin: 0 2% 5px 0;}
a.news-pic {float: left; margin: 0 10px 5px 0;}
a.news-pic img {width: 100px;}
#news a.news-pic {border: 1px solid #aaa; background: #ccc; display: block; height: 65px; overflow: hidden;}
#news a.nowrap {display: block; text-align: right; margin: 10px 0; text-decoration: none; font-weight: bold;}
#news a.nowrap span.video {background: #26a9e0; padding: 0 3px; font-size: 90%; color: #fff; font-weight: normal;}
#news a.nowrap:hover span.video {background: #362f2d}

#about {margin: 10px 0; position: relative; overflow: hidden;}
#about h3 {font: normal 20px/27px Georgia, serif; color: #362f2d; }
#about div {width: 31%; float: left; margin: 0 0 5px; padding: 0 2% 0 0; }

#footer a {color: #26a9e0;}
#footer a:hover {color: #fff; text-decoration: none;}
#sitemap {overflow: auto;border-bottom: 1px dotted #666; border-right: 1px dotted #666; width: 79%; min-height: 100px; padding: 0 0 10px;}
ul.s-map {float: left; width: 30%; margin: 0 3% 5px 0; font-size: 16px; font-family: Georgia, serif;}
ul#s-map-1 {margin-right: 15px;}
ul.s-map li {margin: 0 0 20px;}
ul.s-map li a {display: block; min-height: 0; }
ul.s-map li ul {margin: 12px 0 0;}
ul.s-map li ul li {float: none; width: auto; margin: 0 0 6px 20px;font-weight: normal; font-size: 12px; line-height: 13px; text-decoration: underline; color: #888;font-family: Arial, sans-serif; }
ul.s-map li ul li a {color: #fff !important; display: inline; min-height: 0;text-decoration: none; }
ul.s-map li ul li a:hover {color: #fff; text-decoration: underline !important; }
ul.s-map li ul li ul {margin: 6px 0 12px;}
p.award {margin: 0; }
p.award a {width: 130px; height: 60px; position: absolute; top: 0; right: 20px; background: transparent url(/web/vcg/fleetwood/images/css_/award.png) no-repeat; text-indent: -9999px; }
p#copyright {font-size: 11px; line-height: 12px; margin: 0; padding: 10px 0;border-right: 1px dotted #666; width: 79%;}
p#copyright a {padding: 0 10px;}
#form-brochure {}

@media only screen and (max-width: 980px) {
body {background: #fff;}
#header {min-height: 148px;}
ul#nav {width: 600px; }
ul#nav li { margin: 0 0 0 10px; }
p#l-intro {text-indent: -60px;}
body.sideless #main .right {margin-right: 0;}
body.sideless #middle, body.home #middle {border:none;}
}
@media only screen and (max-width: 880px) {
#header img.logo, #header h1 {width: 140px; height: 69px;top: 50px;}
#header {background-position: -85px 0;}
ul#nav {width: 520px; }
ul#nav li {width: 125px; margin: 0 0 0 5px; }
ul#nav li a { width: 125px; font-size: 15px; padding: 4px 0 0 0;}
#locator {background-position: -50px 10px; background-size: 48%;}
p#l-intro {text-indent: -80px;}
div.locator {margin: 0 0 15px 15%;}
div.rotator, div.rotator img, h3.motto {height: 280px !important; }
#brochure {min-height: 80px; }
#news {padding: 10px 0 0 15px; }
#news h3 {position: relative; top: auto; left: auto; }



}
@media only screen and (max-width: 720px) {
#header h1 {z-index: 2;}
#show-nav-btn.show-more-btn {position: absolute;font-size: 18px;line-height: 1.2em; background: none; top: 72px; right: 40%; padding: 10px 20px; z-index: 2;}
#contact {top: 0; left: 0; right: auto; width: 100%; }
#contact p.tollfree {color: #fff; margin: 0 5px; }
#contact a {text-transform: none; font-size: 18px; padding: 10px 5px;height: auto; line-height: 1.2em;color: #fff; position: absolute; right: 15%;  top: 72px;}
#contact a.low {display: none;}
#contact p.tollfree a {top: 0; left: auto; right: 5px; }
#contact a span.goto {display: none;}
#contact a:hover {background:none;color: #fff;}

ul#nav {position: relative;bottom: auto; right: auto; left: 0; top: 0; width: 100%; overflow: hidden; padding: 125px 0 15px;}
ul#nav li {float: none; width: 100%; margin: 0; padding: 0; height: auto;overflow: visible;background: #000;}
ul#nav li a {width: auto; height: auto; text-align: left;  line-height: 18px !important; padding: 5px 0 5px 10%; font-weight: bold;}
ul#nav li ul li {float: none; width: auto; }
ul#nav li ul li a {width: auto; border-bottom: 1px dotted #aaa; padding-left:20%;}
ul#nav li ul li ul li a {width: auto; padding-left: 30%;}

#locator {float: none; width: auto;  margin: 0 0 10px; }
#top-right {float: none; width: auto; height: auto;}
div.rotator, h3.motto {display: none !important;}
#brochure {min-height: 0; }
#news {margin: 10px 0;}
#news div.item {width: auto; float: none; }
#news h4 {height: auto;}
#about div {width: auto; float: none; padding: 0; }

#sitemap {width: 100%; border-right: none;}
p.award a {display: block; position: relative; top: 0; left: 0; margin: 1em auto; }
p#copyright {border-right: none; width: auto; text-align: center;}
}
@media only screen and (max-width: 600px) {
p#l-intro {text-indent: -150px;}
div.locator {margin: 0 0 15px 5%;padding: 0 0 0 60px;}
div.locator input.radio {left: 80px;}
p#l-or {margin-left: 50%;}
p#l-where, div#l-zip label, div#l-zip input, #where p.hint, input#locatorsubmit, div.narrowers {float: none; width: 90% !important;margin: 5px 1% 0 5% !important;}
body.home p#l-where {margin-top: 20px !important;}
#sidebar p#l-where {margin: 5px 0 0 !important;}
}
@media only screen and (max-width: 480px) {
#header img.logo, #header h1 {width: 120px; height: 60px;top: 59px;}
#header {background-position: -120px 0; background-image: url(/web/vcg/fleetwood/images/css_/bg1.jpg) !important;}
#show-nav-btn.show-more-btn {padding: 10px 5px; right: auto; left: 150px;}
#contact a {padding: 10px 5px; right: auto; left: 210px;}
#contact p.tollfree a {padding: 5px;right: 2px;font-size: 16px; line-height: 16px;}

#locator {background-size: 225px; height: auto;}
#where {position: relative; width: 100%; height: auto; left: 0; background: none !important;}

ul.s-map {float: none; width: auto; margin: 0 0 5px; }
p.award a {margin: 1em 0; }
p#copyright {text-align: left;}

}

@media print{
#header h1, #contact a, #sitemap, #footer p.award, #locator, div.rotator, #brochure {display: none;}
#header {height: auto; min-height: 0;}
#header img.logo {position: relative; top: 0; left: 0; width: 120px; margin: 0 20px 10px 0;}
#middle {border: none !important;}
#contact {top: 40px; right: 0; }
#contact p.tollfree {font-size: 14px; color: #0093D1;}
#top-right {float: none; width: auto; height: auto; }
div.rotator {display: none;}
h3.motto {background: none; text-indent: 0; width: auto; height: auto; position: relative;}
#news {background: none; border: none; padding: 0; overflow: visible;margin: 20px 0; }
#news h3 {position: relative; top: 0; left: 0; }
#news h4 a {height: auto; overflow: visible; }
#news div.item {width: auto; float: none; margin: 20px 0;}
a.news-pic {float: left; margin: 0 10px 10px 0;}
a.news-pic img {width: 100px;}
#news a.news-pic {border: 1px solid #aaa; background: #ccc; display: block; height: 65px; overflow: hidden;}
#news a.news-pic img {}
#about {margin: 20px 0; overflow: visible;}
#about div.item1, #about div.item2, #about div.item3 {width: auto; float: none; margin: 10px 0;}
p#copyright {width: auto; border: none; padding: 0; clear: both;}
}