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

/*basic*/
strong {font-weight: bold;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 .3em; line-height: 1.2em; color: #362f2d; }
#content h3 {margin: .6em 0 .3em; }
#content h4, #content h5, #content h6 {margin: .8em 0 .4em; }
a span {cursor: hand;}
h1 {font-size: 36px; }
h2 {font-size: 28px; font-family: Georgia, serif; }
h3 {font-size: 18px; font-family: Georgia, serif; color: #003e7e;}
h4 {font-size: 16px; font-family: Georgia, serif; }
h5 {font-size: 14px; }
h6 {font-size: 12px; }
#content h3, div.modal h3 {font-weight: normal; font-style: italic; font-size: 26px; line-height: 1em; color: #362f2d;}
#content h4, div.modal h4 {font-weight: normal; font-style: italic; font-size: 18px; line-height: 1em; }
p, dd, blockquote {display: block;margin: 0 0 .6em; font-size: 13px; line-height: 1.4em;}
blockquote {font-style: italic; padding: .3em 2em;}
dl {margin: 0 0 1em;}
dt {font : bold 15px/20px Georgia, serif; margin: .6em 0 .3em 0; }
#content p {}
em {font-style: italic;}
img {display: block; max-width: 100%; }
iframe {display: block;}
.clear {clear: both;}
.small {font-size: 90%;}
.big {font-size: 180%;}
.serif {font-family: Georgia, serif;}
.sansserif {font-family: Arial, sans-serif;}
.disclaimer {font-size: 11px; color: #999;}
p.disclaimer {margin: 20px 0; clear: both;}
.close {display: none;}
.open {display: block;}
.alt {display: none;}
.nowrap {white-space:nowrap;}
.block {display: block;}
.inline {display: inline;}
.alert {color: #b5121b;}
.right {float: right; margin: 5px 0 20px 20px;}
.left {float: left; margin: 5px 20px 20px 0;}
p.alert {font-size: 14px; font-weight: bold; margin: 1em 0;}
p.byline {margin: 0 0 .6em 55%; font-style: italic;}
#content ul, ul.content {list-style: inside square none; margin: 1em 0 1em 1.6em; padding: 0; }
#content li, ul.content li {margin: 0 0 5px;}
table {width: 100%; margin: 10px 0 20px;}
th, th p {font-weight: bold; font-size: 16px; text-align: center; padding: 5px 0; border-bottom: 2px solid #ddd; background: #eee; color: #000; }
.ui-datepicker th {font-size: 12px;}
td {text-align: center; padding: 2px 0; border-bottom: 1px dotted #ccc;}
td p, th p {text-align: left; padding: 5px 10px; border: none; background: none; margin: 0;}
td.half, th.half {width: 50%;}
td.third, th.third {width: 33%;}
td.fourth, th.fourth {width: 25%;}
#searchListItem td {text-align: left; padding: 0; border: none;}
span.step {display: inline-block; font: italic normal 22px/28px Georgia, serif; text-align: center; background: transparent url(/web/vcg/fleetwood/images/css_/circle30.png) no-repeat -30px -30px;color: #fff !important; width: 30px; height: 30px; margin: 0 5px 0 0;}
p span.step {float: left; margin: -5px 10px 15px 0;}
body.sideless #main .right {margin-right: -200px;}
p.nojs {width: 100%; background: #fff; text-align: center; margin: 0; padding: 5px 0;}
body {background-position: center 28px;}
body.js {background-position: center top;}
.v-box {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.v-box iframe,  .v-box object,  .v-box embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe, object, embed {max-width: 100%;}

/*form and margin fix*/
input, select, textarea {
max-width: 100% !important;
font-family: Arial, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 
-webkit-border-radius: 0;
}
input {padding: 2px;}
input, select {margin-top: 1px;}
input.button {
    padding: 0 .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
	cursor: pointer;}
input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */}

a.button, input.button {background: #26a9e0; color: #fff; font: bold 16px/20px Arial, sans-serif !important; padding-top: 2px; display: inline-block; border: 2px solid #0093D1; border-left: 2px solid #73CEF5; border-top: 2px solid #73CEF5; text-align: center;}
a.button:hover, input.button:hover {color: #362f2d; text-decoration: none;}
a.button {padding: 2px 5px;}

label {display: block; color: #666; font-size: 10px; line-height: 1.2em; text-transform: uppercase; padding-top: 1px;}
.required label {color: #0093D1; font-weight: bold; }
.required input, .required select {}
input.radio, input.check {float: left; clear: both; width: auto; margin: 4px 5px 1px 0;padding: 0;height:14px;}
label.radio, label.check {float: left;clear: none; font-size: 12px; text-transform: none; padding-top: 3px; color: #333; font-weight: normal; margin: 1px 0 0 0;}
label.radio {min-width: 50%;}
a.close-btn {display: block; width:18px; height: 18px; background: #362f2d; color: #fff; font: 24px/21px Arial, sans-serif; text-align: center;}
a.close-btn:hover {text-decoration: none; background: #26a9e0;}

body {min-width: 980px; -webkit-text-size-adjust: 100%; }
#header {width: 960px; margin: 0 auto; padding: 0 10px; position: relative; overflow: visible; z-index: 50;}
#middle-wrap {background: transparent url(/web/vcg/fleetwood/images/css_/1020white.png) repeat-y center top; min-width: 960px; padding: 0 10px;position: relative;}
#middle {width: 960px; min-height: 600px; margin: 0 auto ; padding: 0 0 40px; background: #fff; overflow: auto; }
#main {float: left; width: 740px; margin: 0 18px 20px 0; }
#sidebar {float: right; }
#footer-wrap {width: 100%; background: #362f2d url(/web/vcg/fleetwood/images/css_/shadow-bg.png) repeat-y center top; color: #fff;  padding: 20px 0; border-top: 1px solid #fff; border-bottom: 3px solid #26a9e0; min-width: 960px;}
#footer {width: 960px; margin: 0 auto;position: relative; }

/*nav*/
ul#nav li ul li ul li ul {display: none;}
ul#nav li a.preferred, ul#nav li a.ownership, ul#nav li a.planning {cursor: default;}


/*rotator*/
div.rotator {position:relative;height: 300px;}
.fw div.rotator {}
.retailer div.rotator {}
div.rotator ul {display: none;}
div.rotator ul li {position:absolute;list-style: none;}
div.rotator ul li.show {z-index:10;}

/*info sections*/
#content {padding: 0 0 0 100px;}
#content h2 {margin: 0 0 .5em -100px;}
div.addthis_toolbox {margin: 10px 0;}
#content div.addthis_toolbox {margin: 0 0 30px -100px;}
#content blockquote {width: 210px; float: left; border-top: 6px solid #26a9e0; border-bottom: 6px solid #26a9e0; margin: 10px 40px 40px -100px; padding: 1em 0; font: normal 18px/28px Georgia, serif; color: #999;}
#content blockquote:before {content: '\201C'; margin: 0 2px 0 0;}
#content blockquote:after {content: '\201D'; margin: 0 0 0 2px;}
#content img {border: 1px solid #ccc; padding: 3px;}
#content img.plain {border: none; padding: 0;}
#content .left {margin-left: -100px;}
#content .feature img {float: left; margin: 5px 20px 20px -100px;max-width: 300px;}
#content #video {float: left; margin: 5px 20px 20px -100px;width: 306px; border: 1px solid #ccc;}
#content #video h6 {margin: 3px 5px; font-weight: normal;}
#content #video h6 strong {text-transform: uppercase; }
#content #video iframe {margin: 3px 3px 10px;}
div.brands {margin: 30px 0;}
#content div.brands img {display: inline; margin: 0 40px 30px 0; border: none; padding: 0;}
#content #pix {overflow: auto; margin: 20px -5px 40px 0; clear: both;}
#content #pix h3 {font-size: 20px; color: #666; }
#content #pix a.enlarge {float: left; margin: 0 2px 2px 0; border: 2px solid #ccc; background: #ccc; display: block; width: 100px; height: 60px; overflow: hidden; position: relative;}
#content #pix a.enlarge:hover {border: 2px solid #26a9e0;}
#content #pix a.enlarge span {display: none; }
#content #pix a.enlarge:hover span {display: block;position: absolute; left: 0; bottom: 0; width: 100px; text-align: center; background: #26a9e0; background: transparent url(/web/vcg/fleetwood/images/css_/white90.png) repeat; font: bold 11px/14px Arial, sans-serif;}
#content #pix img {width: 100px;padding: 0;border: none;}

/*sidebar*/
#sidebar {width: 180px; margin: 0 0 20px; padding: 0 0 0 20px; border-left: 1px dotted #ccc;}
#sidebar input, #sidebar textarea, #sidebar select {width: 170px; font-size: 11px;}
#sidebar input.button, #sidebar input.radio, #sidebar input.check {width: auto;}
#sidebar textarea {height:80px;}

#sidebar div.finder {margin: 0 0 30px -20px; border-left: 10px solid #ddd; padding: 0 5px 10px 10px; background: #26a9e0;}
#sidebar #mc-finder {overflow: visible !important; }
body.retailer-mc #sidebar div.finder {padding: 35px 5px 20px 10px; }
#sidebar div.finder h3 {color: #fff; margin: 0 -5px 15px -60px; padding: 0 0 0 30px; background: transparent url(/web/vcg/fleetwood/images/css_/corner.png) no-repeat -650px -950px; line-height: 25px; border-top: 2px solid #fff;}
.retailer #sidebar div.finder h3, .floorplan #sidebar div.finder h3 {background-position: -650px -938px; padding: 0 0 0 20px;}
#sidebar div.finder label {color: #362f2d; text-transform: none;}
#sidebar div.finder label.check, #sidebar div.finder label.radio {width: 150px;}
#sidebar div.finder select {display: block; margin: 5px 0;}
#sidebar #fp-finder input#ziporcitystate {margin: 0 0 10px;}
#sidebar #fp-finder input#fieldFPSearchAddress {margin: 0 0 10px;}
p.narrow {}
#sidebar div.finder p.narrow {font-weight: bold; line-height: 14px; margin: 5px 0;}
#sidebar div.finder p.or {font: italic normal 14px/28px Georgia, serif; text-align: center; background: transparent url(/web/vcg/fleetwood/images/css_/circle30.png) no-repeat -30px -30px;color: #fff; width: 30px; height: 30px; margin: 0 0 0 70px;}
#sidebar div.finder input.button {margin: 10px 0 0; background: #362f2d; border: 2px solid #000; border-left: 2px solid #544C4A; border-top: 2px solid #544C4A; }
#sidebar div.finder input.button:hover {color: #26a9e0;} 
#sidebar div.narrowers {margin: 10px 0 ; display: block;}
#sidebar p#l-where {margin: 10px 0 2px; }

form#formRequestMoreInfo div {clear: both; }
form#formRequestMoreInfo input#date {width: 145px; display: inline;}
#unitDate img {display: inline;padding: 0 0 0 3px;vertical-align: top; cursor:pointer;}
#sidebar input.phone1, #sidebar input.phone2, #sidebar input.phone3 {display: inline;width: 35px;}
#sidebar input.phone3 {width: 45px;}
form#formRequestMoreInfo ul {margin: 5px 0 0; padding: 0;}
form#formRequestMoreInfo li {margin: 0 0 0 15px; padding: 0;}
form#formRequestMoreInfo div#unitZip {float: left; }
form#formRequestMoreInfo div#unitCountry {clear: none;float: left; margin-left: 5px;}
form#formRequestMoreInfo input#zip {width: 75px;}
form#formRequestMoreInfo select#country {width: 90px;}
div.check {display: block; overflow: auto;}

/*modal*/
.ui-dialog {padding: 0 !important; max-width: 96%; }
.ui-dialog .ui-dialog-content {padding: 5px 10px !important;}
div.modal {margin: 0 auto; padding: 0 0 50px;}
div.modal a {color: #0093D1;}
div.modal form {overflow: auto;}
#fp-where, #mc-where {width: 450px; max-width: 100%;}
#fp-where p#l-where, #mc-where p#l-where { margin: 10px 0; font-size:18px; }
#fp-where div#l-zip label, #mc-where div#l-zip label { padding: 1px 0 0; }
#fp-where div#l-zip input, #mc-where div#l-zip input {float: right; width: 290px;}
#fp-where input#locatorsubmit1, #mc-where input#locatorsubmit1 {margin: 0; float: right; font: bold 16px/20px Arial, sans-serif; display: block !important;}
div.modal-alt {display: none;}
.ui-dialog div.modal-alt {display: block; background: #aaa; padding: 1px 0; margin: 10px -10px -5px; text-align: center; border-top: 1px dotted #aaa;}
.ui-dialog div.modal-alt a {color: #fff;}
.ui-dialog .ui-dialog-title strong {color: #26a9e0; font-weight: bold;font-size: 120%; padding-right: 5px;}

div.error {background: #b5121b; color: #fff; font-weight: bold; float: none !important; }
div.error p {margin: 5px !important; }
div.error ul {margin: 10px 5px 10px 20px !important; padding: 10px 0 !important;}
form.main div.error {margin-right:30px;}
#sidebar div.error {margin-right:10px;}
#sidebar div.error ul, form.main div.error ul {list-style: inside square none; margin: 10px 5px 10px 10px !important;}
#sidebar div.error li, form.main div.error li {margin: 0 0 5px;}

/*contact and forms*/
body.contact #middle {background: transparent url(/web/vcg/fleetwood/images/css_/side1.jpg) no-repeat right top;}
body.retailer-mc.contact #middle {background-position: right 20px;}
body.contact #content {padding: 0;}
body.contact #content h2 {margin: 0 0 .5em;}
body.contact #content div.addthis_toolbox {margin: 0 0 30px;}
body.service-dept #middle {background: none;}
#contact-fork {margin: 20px 0 20px 12%; display: none;}
.js #contact-fork {display: block;}
#contact-fork label {font: italic 20px/24px Georgia, serif; color: #b5121b; text-transform: none; }
#contact-fork select {height: 24px; padding: 2px; width: 300px;}
#contact-form {margin: 30px 0; }
#contact-form form {border-top: 5px solid #362f2d; background: transparent url(/web/vcg/fleetwood/images/css_/white90.png) repeat;min-height: 150px; padding: 0 0 0 12%; }
#contact-form form h3, div.modal-form form h3 {margin: 5px 0 10px -12%;  }
#contact-form form h4, div.modal-form form h4 {margin: 0 0 0 -6%; padding: 10px 0 0; clear: both;}

form.main input, form.main textarea, form.main select {width: 300px;}
form.main input.button, form.main input.radio, form.main input.check {width: auto;}
form.main textarea {height:80px;}
form.main div {clear: none; float: left; margin: 0 10px 2px 0;}
form.main div.phone  {width: 300px; }
form.main select#title {width: 90px;}
form.main input#firstName, form.main input#lastName {width: 250px;}
form.main input#address {width: 610px;}
form.main input#city {width: 240px;}
form.main select#state {width: 180px;}
form.main input#zip {width: 80px;}
form.main select#country {width: 80px;}
form.main input.phone1, form.main input.phone2, form.main input.phone3 {display: inline;width: 50px;}
form.main input.phone3 {width: 70px;}
form.main input#date {width: 275px; display: inline;}
form.main input#locationToBuild {width: 610px;}
form.main textarea#comments {width: 610px;}
form.main p {clear: both; display: block; margin: 0;padding: 8px 20px 2px 0;}
form.main p strong {font-size: 14px; }
form.main input.button {clear: both;}
form.main label {font-size: 11px;}
form.main label.radio, form.main label.check {font-size: 12px;}
form#formBecomeRetailer.main div#unitEmail {clear: both;}

div.modal-form {overflow: hidden;}
div.modal-form form {width: 620px; padding: 0 0 20px 12%; overflow: hidden; max-width: 88%;}

/*floor plan search*/
div.search-input {}
div.search-input h3 {font: bold 14px/18px Georgia, serif; font-weight: normal;color: #362f2d; }
div.search-input h3 strong {font-size: 16px; font-weight: bold;}
div.search-input form {background: transparent url(/web/vcg/fleetwood/images/css_/speech.png) no-repeat -30px -3px; width: 400px; margin: -5px 0 10px 125px; padding: 20px 10px 5px;}
div.search-input form p {font: italic 15px/15px Georgia, serif; color: #000; margin: 0; padding: 0; }
div.search-input label {text-transform: none;}
div.search-input input#ziporcitystate1 {width: 200px; margin: 0 5px 0 0; padding: 0 2px; height: 24px; line-height: 24px; border: 1px solid #aaa; }
div.search-input input.button {padding-top: 0;}

#disamb {margin: 0 0 30px;}
#disamb h3 {font: italic normal 22px/26px Georgia, serif;}
#disamb ul {border-top: 1px solid #ddd; margin: 0 50px;}
#disamb ul li {padding: 1px 20px; border-bottom: 1px solid #ddd;}
#disamb span.note {margin: 0 0 0 10px; padding: 0 5px; background: #aaa; color: #fff; font-size: 11px; white-space:nowrap;}

#mc-list, #fp-list {margin: 20px 0; }
span.total {font-weight: bold; margin: 0 10px 0 0; padding: 0 0 10px;}
span.sort {display: none; font-weight: bold; margin: 0 0 0 10px;padding: 0 0 10px;}
body.js span.sort {display: inline;}
span.sort label {display: inline; font-size: 12px; text-transform: none; color: #000; font-weight: bold;}
span.sort select {font-size: 11px;}
span.p-numbers {float: right; text-align: right; font-weight: bold;}
span.p-numbers a {background: #ddd;color: #000;padding: 2px 5px 0;border: 1px solid #ccc;font-size: 16px; line-height: 22px;height: 22px;overflow: hidden;}
span.p-numbers a:hover {background: #26a9e0;text-decoration: none;color: #fff;}
span.p-numbers strong.current-page {background: #362f2d;color: #fff;padding: 3px 6px 1px;font-size: 16px; line-height: 22px;height: 22px;}
#mc-list table, #fp-list table {margin: 20px 0;padding: 0; width: 100% !important;}
#mc-list td p, #fp-list td p {padding: 0;}

#fp-list table {border-bottom: 1px dotted #333; }
#fp-list div.item {background: #eee; padding: 5px 460px 5px 10px; border-top: 1px dotted #333;  overflow: hidden; height: 60px; position: relative; clear: both;}
#fp-list div.item.even {background: #fff;  }
#fp-list div.item h4 {max-height: 38px; overflow: hidden;}
#fp-list div.item p {font-weight: bold; margin: 0;}
#fp-list div.item p span.label {background: #26a9e0; color: #fff; font-size: 90%; font-weight: normal; padding: 0 5px; white-space:nowrap;}
#fp-list div.item div.pic-tn {position: absolute; top: 0; right: 0; width: 100px; height: 60px; background: #fff; padding: 0;border: 5px solid #fff; overflow: hidden;}
#fp-list div.item div.fp-tn {position: absolute; top: 0; right: 110px; width: 90px; height: 70px; background: #fff; padding: 0 5px 0 10px; overflow: hidden;border-left: 1px solid #ddd;}
#fp-list div.item ul {position: absolute; top: 10px; right: 220px; width: 240px;}
a.arrow {display: block; height: 14px; line-height: 14px; padding: 1px 10px 1px 4px; text-align: center;background: transparent url(/web/vcg/fleetwood/images/css_/corner-blue.png) no-repeat 100% -292px; color: #000; font-weight: bold; border-left: 16px solid #362f2d; }
a.arrow:hover {color: #fff; text-decoration: none; background-position: 100% -942px; }
#fp-list div.item ul li a.arrow {margin: 5px 0 0 100px; max-width: 120px;}
#fp-list p.no-pic {width: 100px; height: 60px; background: #ddd; text-align: center; }
#fp-list p.no-pic a {display: block; width: 100px; height: 45px; padding: 15px 0 0; color: #aaa; font: normal 12px/14px Arial, sans-serif;}
#fp-list p.no-pic a:hover {text-decoration: none;}
#fp-list p.no-fp {width: 90px; height: 60px; margin: 5px 5px 0 0;background: transparent; text-align: center; }
#fp-list p.no-fp a {display: block; width: 90px; height: 50px; padding: 10px 0 0; color: #aaa; font: normal 12px/14px Arial, sans-serif;}
#fp-list p.no-fp a:hover {text-decoration: none;}

/*retailer search*/
#mc-list table {border-bottom: 1px dotted #aaa;}
#mc-list div.item {background: #eee; padding: 5px 10px; border-top: 1px dotted #aaa; position: relative; overflow: auto; clear: both;}
#mc-list div.item.even {background: #fff; border-bottom: 5px solid #fff; }
#mc-list h4 {border-bottom: 1px solid #fff;}
#mc-list div.item.even h4 {border-bottom: 1px solid #eee;}
#mc-list h4 span {margin: 0 0 0 10px; }
#mc-list h4 span.divider {display: none;}
#mc-list h4 span.distance {font: normal 12px/14px Georgia, serif; }
#mc-list h4 span.sp {font: normal 12px/14px Georgia, serif; padding: 0 8px; background: #666; color: #fff; white-space: nowrap;}
#mc-list div.item div.basic {float: left; width: 78%;}
#mc-list div.open {float: right; margin: 0 3px 0 0; position: relative;border: 1px solid #bbb; width: 290px; height: 240px; background: transparent url(/web/vcg/fleetwood/images/css_/loading.gif) no-repeat center 110px;max-width: 50%;}
#mc-list div.open a.close-btn {position: absolute; top: -5px; right: -15px; top: 0; right: 0;}
#mc-list div.item p.contact {font-weight: bold; width: 48%;  float: left; margin: 0 0 10px;}
#fp #mc-list div.item p.contact {width: auto; float: none; margin: 0 0 10px;}
#mc-list div.item ul.details { float: left; width: 48%; margin: 0 0 10px; line-height: 18px;}
#mc-list div.item ul.details ul {margin: 2px 0 0 10px; list-style: inside square none;line-height: 13px;}
#mc-list div.item ul.links { float: right; width: 20%; }
#mc-list div.item ul.links li {margin: 0 0 5px;}

/*plant list*/
#bc-list {border-bottom: 1px dotted #aaa;}
#bc-list div.item {background: #eee; padding: 5px 10px; border-top: 1px dotted #aaa; border-bottom: 5px solid #eee; position: relative; overflow: auto; clear: both;}
#bc-list div.item.even {background: #fff; border-bottom: 5px solid #fff; }
#bc-list h4 {border-bottom: 1px solid #fff;}
#bc-list div.item.even h4 {border-bottom: 1px solid #eee;}
#bc-list div.item div.info {float: left; width: 48%;margin: 0 2% 0 0;}
#bc-list div.open {position: relative;border: 1px solid #bbb; width: 290px; height: 240px; background: transparent url(/web/vcg/fleetwood/images/css_/loading.gif) no-repeat center 110px; margin: 5px 0;}
#bc-list div.open a.close-btn {position: absolute; top: -5px; right: -15px; top: 0; right: 0;}
#bc-list div.item p.contact {font-weight: bold; }
#bc-list div.item ul.details { float: left; width: 50%;}
#bc-list div.item ul.details li { float: left; width: 48%; margin: 0 2% 0 0;}
#bc-list div.item ul.details li ul li {float: none; width: auto;}
#bc-list div.item ul.details li.toggler {cursor: pointer;}
#bc-list div.item ul.details ul {margin: 2px 0 0 10px; list-style: inside square none;}
#bc-list li.trim {display: none;}
#bc-list div.item ul.links {overflow: auto; margin: 0 0 5px;}
#bc-list div.item ul.links li {margin: 0 20px 5px 0;float: left;}

/*floorplan & retailer search*/
body.main #main #mc-finder, body.main #main #fp-finder {overflow: auto; margin: 25px 0 50px; }
p#l-where {margin: 10px 0 2px 30%; font: italic normal 16px/18px Georgia, serif;  color: #000; }
div#l-zip {overflow: hidden;margin: 0 0 5px; }
div#l-zip label {float: left; width: 24%; margin: 1px 1% 0 5%;font-weight: bold; line-height: 13px; color: #b5121b; text-transform: none; font-size:11px;}
div#l-zip input {float: left; width: 65%; padding: 0 2px; height: 28px; line-height: 28px; border: 1px solid #aaa;}
div.narrowers {margin: 15px 0 15px 30%; display: block;overflow: auto;}
div.narrowers label {font-weight: normal;}
#main div.narrower {overflow: auto;  float: left;}
#main #mc-finder div.narrower {width: 45%; margin: 0 5% 0 0;}
#main #fp-finder div.narrower {width: 30%; margin: 0 3% 0 0; }
div.narrowers p.narrow {clear: both; margin: 0 0 5px;font: italic normal 14px/15px Georgia, serif; color: #999;}
div.narrower select {width: 99%; margin: 0 0 5px; }
input#locatorsubmit {display: block; margin: 5px 0 10px 30%; float: none; clear: both;}

#mc-types {overflow: auto; margin: 50px 0; font-size: 90%;}
#mc-types div.item {float: left; width: 23%; margin: 0 2% 0 0;}
#mc-types h4 {font: bold 15px/17px Arial, sans-serif;}
div.states {margin: 50px 0 20px;}
ul.states {overflow: auto; margin: 10px 0;}
ul.states li {float: left; width: 18%; margin: 0 0 3px 2%;}

/*empty search*/
div.tryagain {background: transparent url(/web/vcg/fleetwood/images/css_/speech.png) no-repeat -155px -40px; width: 385px; margin: 0 0 80px; padding: 10px 30px 5px 15px;}
div.tryagain h3, div.tryagain ul, div.tryagain p {width: 100%;}
div.tryagain.still {background: none; width: auto; padding: 0;}
div.tryagain.still h3, div.tryagain.still ul, div.tryagain.still p {width: auto;}

/*floor plan*/
#fp {overflow: hidden; }
#fp-top, #series-top {overflow: auto; margin: 0 0 15px;}
#fp-in-series {margin: 20px 0;}
img.profile {float: left; border: 1px solid #aaa; padding: 4px; margin: 0 2% 0 0; max-width: 200px; width: 28%;}
#details {float: left; width: 67%; }
#details h3 {font-size: 18px; line-height: 18px; color: #362f2d; }
#details h3.details {font: italic normal 16px/16px Georgia, serif; margin: 0 0 10px;}
#details ul.details {list-style: inside square none; margin: 0 0 10px;}
#details ul.links {overflow: auto;}
#details ul.links li {float: left; margin: 0 10px 10px 0;}
#fp-main {float: left; width:78%; margin: 0 2% 0 0;}
#feature {padding: 10px 5px 0; border: 1px solid #aaa; width: 100%; box-sizing: border-box; min-height: 330px; overflow: hidden; background: #fff url(/web/vcg/fleetwood/images/css_/loading.gif) no-repeat center 170px; position: relative;}
#feature img {margin: 0 auto; max-width: 100%;}
#feature-image {text-align: right; }
#feature-image p {width: 478px; height: 200px; padding: 130px 50px 0; background: #fff; color: #ccc; text-align: center; font:  bold 20px/24px Georgia, serif; }
#feature-image p a {white-space: nowrap; color: #ccc; text-decoration: underline;}
#feature-image p a:hover {color: #aaa; }
#feature p#caption {background: #eee; margin: 10px -10px 0; padding: 2px 10px 5px; font: 12px/16px Georgia, serif; }
#feature ul.feature-nav a.feature {width: 30px; height: 70px;background: transparent url(/web/vcg/fleetwood/images/css_/black10.png); text-align: center; font: 100px/55px Arial, sans-serif; padding: 0;border: 1px solid #ddd;}
#feature ul.feature-nav a.feature:hover {text-decoration: none;background: transparent url(/web/vcg/fleetwood/images/css_/white10.png);}
#feature #feature-prev {position: absolute; left: 0; top: 140px; border-left: none;}
#feature #feature-next {position: absolute; right: 0; top: 140px; border-right: none;}
#feature ul.feature-nav {height: 0;}
#feature-enlarge {display: none;}
#feature-enlarge p {font-weight: bold; padding: 0 2px;}
#feature-enlarge img {max-width: 100%; max-height: 100%; margin: 0 auto;}
#fp-side {float: left; width: 20%; margin: 0; }
#fp div.virtualtour {margin: 0 0 20px;}
#fp div.video {background: #ddd; margin: 0 0 10px;padding: 1px 5%;}
#fp div.video a {display: block; margin: 0 auto 10px; width: 100px; max-width: 100%; border: 1px solid #fff; box-sizing: border-box;}
#fp div.photos {background: #ddd; padding: 1px 5%; margin: 0 auto; }
#fp div.floorplans {border: 1px solid #aaa; overflow: auto; margin: 20px 0; padding: 1px 10px ;}
#fp div.floorplans a {display: block; margin: 0 10px 10px 10px; float: left;}
#fp div.decor {background: #ddd; overflow: auto; margin: 20px 0; padding: 1px 10px ;}
#fp div.decor a {display: block; margin: 0 10px 10px 10px; float: left; border: 1px solid #fff;}
#fp div.decor a:hover {border: 1px solid #fff; border: 1px solid #362f2d;}
#fp div.photos h3, #fp div.floorplans h3, #fp div.decor h3 {margin: 2px 0 5px -2px;}
#wheretobuy {margin: 20px 0;min-height: 400px;}
#wheretobuy .nolimit {display: none;}

div.retailers {overflow: auto; margin: 30px 0; clear: both; }
div.retailers h3 a {font: bold 14px/20px Arial, sans-serif;margin: 0 0 0 10px; }
div.retailers a.full-list { background: #362f2d; color: #fff; display: block; text-align: center; font: bold 14px/30px Arial, sans-serif; }

/*geo unknown*/
#wheretobuy #mc-where {width: auto; border: 1px solid #aaa;padding: 1px 9px; }
#wheretobuy #mc-where h3 {margin: 2px 0 5px -2px;}
#wheretobuy #mc-where form {width: 450px; max-width: 100%; margin: 0 auto; padding: 30px 0 70px;}

#fp-bottom {clear: both; padding: 20px 18px 20px 0;}

/*vertical scrolling*/
div.sc_menu_wrapper {position: relative; margin: 0 auto 8px;  height: 550px; width: auto;overflow: auto; padding-bottom: 80px;}
#fp div.photos {min-height: 667px; }
.sc_menu a {display: block;width: 100px; max-width: 100%; border: 1px solid #fff; margin: 0 auto 10px; box-sizing: border-box;}
.sc_menu a:hover {border: 1px solid #362f2d;}
.sc_menu_wrapper .loading {position: absolute;top: 25px;left: 0;margin: 0 auto;text-align: center;color: #bbb;text-transform: uppercase;}
.sc_menu_tooltip {display: block; position: absolute; padding: 3px; max-width: 77px; max-height: 90px; overflow: hidden;  border: 1px solid #000; color: #000; background: #ffffee;word-wrap: break-word; font: 11px/13px Arial, sans-serif;}

/*switches for toggling mobile menus or forms */
.show-more-btn {display: none; color: #fff; background: #0093D1; font-size: 16px; font-weight: bold; text-transform: none; text-align: center; padding: 10px 0; cursor: pointer;}
a.kill, #sidebar a.kill {display: none;}
input.show-more[type=checkbox]{ display: none;}
input#show-nav[type=checkbox]:checked ~ ul#nav{ display: block;}
input#show-fp-finder[type=checkbox]:checked ~ #fp-finder{ display: block;}
input#show-mc-finder[type=checkbox]:checked ~ #mc-finder{ display: block;}
input#show-fwhDivRequestMoreInfo[type=checkbox]:checked ~ #fwhDivRequestMoreInfo{ display: block;}

@media only screen and (max-width: 980px) {
body {min-width: 0;}
#header, #middle, #footer {width: auto; min-width: 0; }
#middle-wrap {min-width: 0;background: none; padding: 0;}
#middle {border-top: 40px solid #eee; padding: 10px;}
#footer-wrap {background-image: none; min-width: 0; }
#footer {padding: 0 20px;}
#main {float: none; width: auto; margin: 0 0 20px 0; }

#sidebar {float: none; border: 0; margin: 0; padding: 0;width: 100%; position: absolute;  top: 0; left: 0;z-index: 10;}
#sidebar .show-more-btn {display: block; position: absolute; top: 5px;  width: 47%; height: 30px;line-height: 30px; padding: 0; z-index: 2;}
#show-fp-finder-btn.show-more-btn, #show-mc-finder-btn.show-more-btn { left: 10px;}
#show-fwhDivRequestMoreInfo-btn.show-more-btn {right: 10px;}
#sidebar #fp-finder, #sidebar #mc-finder, #sidebar #fwhDivRequestMoreInfo {display: none;}
#sidebar div.finder, #sidebar #fwhDivRequestMoreInfo {margin: 0; border:none; padding: 50px 10px 20px 20px !important; background: #eee;width: 50%; box-sizing: border-box; position: absolute; top: 0; box-shadow: 0 10px 20px #333;}
#sidebar a.kill {display: block; position: absolute; right: 0; bottom: 0; padding: 5px 10px;}
#sidebar #fp-finder, #sidebar #mc-finder {left: 0;}
#sidebar #fwhDivRequestMoreInfo {left: 50%;}
#sidebar div.finder h3 {color: #003e7e; margin: 0 0 .3em; padding: 0 !important; background: none; line-height: 1.2em; border:none;}
div.tryagain {background: #eee; width: auto !important; margin: 0 !important; }
div.tryagain h3, div.tryagain ul, div.tryagain p {width: auto;}
/*vertical scrolling*/
div.sc_menu_wrapper {height: auto; }
#fp div.photos {min-height: 0; }
}
@media only screen and (max-width: 720px) {
#dic_bubble {max-width: 90%;}
#header .show-more-btn {display: block;}
ul#nav {display: none; }
body.contact #middle {background: none;}
#contact-fork {margin: 20px auto;}
#contact-fork select {width: auto; font-size: 16px;}
#contact-form form h4, div.modal-form form h4 {margin: 0 0 0 -12%; }
form.main div {clear: both; float: none; margin: 0;}
input, textarea, select {font-size: 16px !important; font-family: Georgia, serif; padding: 2px; box-sizing: border-box; }
span.p-numbers {float: none; display: block; margin: 5px 0;}
#fp-list div.item {padding-right: 220px; height: auto;background: #fff;}
#fp-list div.item ul {position: relative; top: auto; right: auto; width: auto;}
#mc-list div.item {background: #fff; padding: 5px 0;}
#mc-list div.item div.basic {float: none; width: auto;}
#mc-list div.item ul.links { float: none; clear: both; width: 120px; margin: 10px 0; }
#bc-list div.item ul.details li { float: none; width: auto;}
#bc-list div.open {max-width: 100%;}
#feature {min-height: 270px; background-position: center 140px;}
#feature #feature-prev, #feature #feature-next {top: 120px; }
}
@media only screen and (max-width: 480px) {

#sidebar {position: static; width: auto;}
#show-fp-finder-btn.show-more-btn, #show-mc-finder-btn.show-more-btn { left: 0;width: 100%; }
#show-fwhDivRequestMoreInfo-btn.show-more-btn {left: auto; right: auto; top: auto; width: auto; position: relative;}
#sidebar div.finder, #sidebar #fwhDivRequestMoreInfo {width: 100%;}
#sidebar #fwhDivRequestMoreInfo {position: relative; left: auto; top: auto;padding: 10px 10px 10px 20px !important;}
/*floorplan & retailer search*/
#main div.narrower {float: none;}
#main #mc-finder div.narrower, #main #fp-finder div.narrower {width: auto; margin: 0;}
#mc-types div.item, ul.states li {float: none; width: auto; margin: 0;}

#content {padding: 0;}
#content h2, #content div.addthis_toolbox, #content .left, #content .feature img {margin-left: 0;}
#content blockquote {width: auto; float: none; margin: 10px 0; }
#content #video {float: none; margin: 5px 0 20px;width: auto;}
#fp-list div.item {padding-right: 120px; min-height: 130px;}
#fp-list div.item ul li a.arrow {margin-left: 0;}
#fp-list div.item div.pic-tn {padding: 5px;border: none;border-left: 1px solid #ddd; }
#fp-list div.item div.fp-tn {position: absolute; top: 70px; right: 5px; }
#mc-list div.item p.contact {width: auto;  float: none; }
#mc-list div.item ul.details { float: none; width: auto;}
#bc-list div.item ul.details { float: none; width: auto;}
#bc-list div.item div.info {float: none; width: auto;}
img.profile {float: none; width: auto;}
#details {float: none; width: auto; }
#feature {min-height: 160px; background-position: center 90px;}
#feature #feature-prev, #feature #feature-next {top: 70px; }
#fp h3 {font-size: 14px;}
}
@media print{
* {background: none !important;}
noscript, #nav, div.rotator, #sidebar, div.addthis_toolbox, span.sort, span.p-numbers, #mc-list div.item ul.links, #bc-list div.item ul.links, .ui-dialog, div.modal, .ui-widget-overlay, .ui-dialog-titlebar, #fp div.photos p.loading, .button {display: none !important;}

body {min-width: 0; width: auto;}
#header {width: auto; margin: 0 0 30px; padding: 0;}
#middle-wrap {background: none; min-width: 0; padding: 0; margin: 30px 0;}
#middle {width: auto; min-height: 0; margin: 0 ; padding: 0;}
#main {float: none; width: auto; margin: 0; }
#footer-wrap {background: none; min-width: 0; margin: 30px 0 0;}
#footer {width: auto; background: none; margin: 0; color: #000;}
body.sideless #main .right {margin-right: 0;}
#middle-wrap, #middle, #main, #mc-list, #fp-list, .retailers {display: inline;}

#fp-list div.item, #fp-list div.item.even,
#mc-list div.item, #mc-list div.item.even,
#bc-list div.item, #bc-list div.item.even 
{background: none; padding: 10px 0; overflow: visible; border-bottom: none; height: auto; }
#mc-list h4, #mc-list div.item.even h4,
#bc-list h4, #bc-list div.item.even h4
{border: none;}

#fp-list div.item h4 {max-height: 9999px; overflow: visible; }
#fp-list div.item div.pic-tn {position: relative; width: 100px; height: auto; overflow: visible; display: inline;}
#fp-list div.item div.fp-tn {position: relative; top: 0; right: 0; width: 90px; height: auto; background: #fff; padding: 0; overflow: inehrit;border-left: none; display: inline;}
#fp-list img {display: inline;}
#fp-list div.item ul {position: relative; top: 0; right: 0; width: auto;}
#fp-list div.item ul li {display: inline; padding-right: 20px;}
#fp-list div.item ul li a.arrow, #fp-list p.no-pic, #fp-list p.no-fp {display: none; }

#mc-list table, #fp-list table { width: auto !important;}
#mc-list div.item p.contact, #mc-list div.item ul.details {width: auto;  float: none; margin: 0 0 10px;}
#mc-list h4 span.sp {background: none; color: #000;}
#mc-list div.item div.basic {float: none; width: auto;}
#fp #mc-list div.item div.basic {width: auto;}
#mc-list div.open {float: none;}
#mc-list div.item ul.details ul {list-style: none; line-height: inherit;}
#mc-list div.item ul.details ul li {margin: 0 30px 0 0; display: inline;}

#bc-list div.item div.info {float: none; width: auto;margin: 0 0 10px;}
#bc-list div.item ul.details { float: none; width: auto;}
#bc-list div.item ul.details li {float: none; width: auto; }
#bc-list div.item ul.details ul {list-style: none;}
#bc-list div.item ul.details ul li {margin: 0 30px 0 0; display: inline;}
#bc-list li.trim {display: inline;}
#bc-list div.item ul.details li.toggler {display: none;}

#mc-types div.item {float: none; width: auto; margin: 10px 0;}
div.states {display: none;}

#fp {overflow: visible; margin: 10px 0;}
#fp-top, #series-top {overflow: visible; }
#details {width: auto; }
#details ul.links {display: none;}
#fp-main {float: none; width: auto;}
#fp-side {float: none; margin: 10px 0; width: auto; }
#feature {clear: both; margin: 10px 0; padding: 0; border: none; width: auto; min-height: 0; overflow: visible; background: none;}
#feature img {margin: 0;max-width: 100%;}
#feature-image p {display: none;}
#feature p#caption {background: none; margin: 5px 0 10px; padding: 0; }
#feature ul.feature-nav {display: none;}
#fp div.floorplans, #fp div.decor, #fp div.photos {border: none; overflow: visible; margin: 10px 0; padding: 0 ; width: auto;}
#fp div.photos h3, #fp div.floorplans h3, #fp div.decor h3 {margin: 5px 0;}
#fp div.floorplans a, #fp div.floorplans a img,
#fp div.decor a, #fp div.decor a img,
#fp div.photos a, #fp div.photos a img
{display: inline; float: none; border: none;}
#wheretobuy {margin: 20px 0;min-height: 0;}
.retailers {border-top: 20px solid #fff;}

div.sc_menu_wrapper, div.sc_menu {overflow: visible; width: auto; height: auto; padding: 0;}
#fp div.photos {min-height: 0; }
.sc_menu a {display: inline;}
}