/* IE 8.0 and lower styles --------- 

KNOWN ISSUES
• Home page banners don't resize and crop poorly (not too bad at fixed width)
• Removed slideshow thumbnails, which broke the entire slideshow
• No rounded corners (product menu)
• Construction hotspots don't show
• No responsive design (fixed by hardcoding width)
• No drop-shadows (menus, product/floorplan lists)

--------- */
/*remove responsive design */
html { background-color:#ccc; position:absolute; width:100%!important; }
body { width:1240px; margin:0 auto; }

/*copied styles from smaller responsive sizes */
.home-banner a,.home-banner span { height:700px; }
.buyers-guide-col+.buyers-guide-col { margin-left:100px; }
body{font-size:13px;}
header form,
header .secondary { bottom:120px;  }
header input { width:150px; }
header .secondary { right:190px; }
.body { padding:0 100px; }
.fullgroup { margin:0 -100px; }
.fullgroup.fullpadding { padding:2em 100px; }
.borderseparator { border-bottom-width:40px; }
.fullgroup.fullleft *,
.fullgroup.fullright * { padding:0 100px; }
.floorplan-info { margin:0 -80px; }
.home-banner a,.home-banner span { height:600px; }



/* convert rgba to image to fix transparency */
header,
.page-header ul,
.swiper-slide .slide-caption,
.home-slider .change-slide a { background:transparent url(images/ie8-black-80.png) repeat top left; }

/* hard-code footer menu, since pseudo-class doesn't work */
footer nav .menu li.menu-jayco-lifestyle { clear:left; }

/* fix opacity of chosen product option images */
.allow-configuration .image-select div { filter:alpha(opacity=30); }
.allow-configuration .image-select div.selected  { filter:alpha(opacity=100); }

/* set image size for product header; percentage caused dimension problems */
.product-header img { max-width:none; width:auto; height:300px; }

/* drop-downs don't support box shadow, so add a border */
.primary li ul { border:1px solid #000; border-top:none; }

/* fix opacity on image preview icons -- removed because it screws up the quality
a.show-preview img { filter:alpha(opacity=40); }
a.show-preview:hover img { filter:alpha(opacity=60); }
*/

/* fix search form */
header form,
header fieldset { width:150px; }

/*noTemplate fix */
body.no-template { width:450px; }