﻿/* 
 ----------------------------------------------------------------------------
  CSS Document - homepage.css
  
  Styling for the Home pages
 ---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- * 
 Extra Elements */
 
#homeflashcontainor {
  float:left;
  width:706px;
  height:420px;
  margin-top:10px;
} 

#formfindercontainor {
  float:left;
  position:relative;
  width:294px;
  height:420px;
}

#formfinder {
  background:url(../images/homePageTools.jpg) no-repeat 0 0;
  position:absolute;
  width:294px;
  height:467px;
  top:-37px;
}

#formfinder a.textlink {
  display:block;
  margin-top:80px;
  padding-left:15px;
  font-size:1.20em;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

#formfinder a.textlink {
  display:block;
  margin-top:100px;
  padding-left:15px;
  font-size:1.20em;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

#formfinder p {
  display:block;
  margin-top:110px;
  padding-left:15px;
  font-size:1.20em;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

#homefeaturewrapper {
  position:relative;
  width:978px;
  margin:0px auto 0px auto;
}

#homefeaturewrapper .Feature1 {
  background:url(../images/HomePageFeatureBG.gif) no-repeat 0 0;
  float:left;
  width:326px;
  height:227px;
  overflow:hidden;
}

#homefeaturewrapper .Feature1 .text { padding-right: 5px; }
#homefeaturewrapper .Feature1 .text a { text-decoration: none; color: #000000; }
#homefeaturewrapper .Feature1 h2	{ padding: 15px 0px 10px 0px; font-size: 1.6em; color: #0d2959; }
#homefeaturewrapper .Feature1 h3	{ padding: 0px 10px 2px 0px; font-size: 1.2em; color: #0d2959;  font-weight: normal; }
#homefeaturewrapper .Feature1 h3 a { text-decoration: none; color: #0d2959; }
#homefeaturewrapper .Feature1 p { margin-right: 10px; }
#homefeaturewrapper .Feature1 p a { text-decoration: none; color: #000000; }
#homefeaturewrapper .Feature1 .product	{ height: 55px; }
#homefeaturewrapper .Feature1 .product .prodImg	{ float: left; width: 20%; padding: 1px 0px 0px 0px; }
#homefeaturewrapper .Feature1 .product .prodText	{ float: left; width: 70%; padding: 0px; margin-left: 15px; }
#homefeaturewrapper .Feature1 .product .prodText a { text-decoration: none; color: #000000; }
#homefeaturewrapper .Feature1 .product .prodText h3 { padding: 0px 0px 2px 0px; font-size: 1.2em; color: #0d2959; font-weight: normal; }
#homefeaturewrapper .Feature1 .product .prodText h3 a { color: #0d2959; }
/* END -- Expand/Collaps Styles */

#formfinder img { margin-top:13px;  }

/* ------------------------------------------------------------------------- *
 Product Finder 
 ---------------- */ 
.ProdFormWrapper {
  margin:65px 0px 35px 15px;
  z-index:5;
}

.autoairframer, .automodel, .autosize {
  position:absolute;
  background:#6181A8;
  width:233px;
  height:100px;
  overflow:auto;
  border:solid 1px #0d2959;
}

.standbutton {
  background:url(../images/findProduct.gif) no-repeat 0 0;
  display:block;
  width:129px;
  height:24px;
  margin-top:15px;
  border:none;
  outline:none;
  padding:0px;
  cursor:pointer;
}

select.airframer, select.model, select.size {
  display:block;
  width:250px;
  margin-top:15px;
  padding:2px;
  color:#011A72;
  font-size:1.00em;
  font-weight:bold;
}

input.airframer {
  display:block;
  width:225px;
  margin-top:15px;
  padding:5px;
  color:#011A72;
  font-size:1.00em;
  font-weight:bold;
}

.model, .size {
  width:233px;
  height:20px;
  line-height:20px;
  border:solid 1px #0d2959;
  margin-top:12px;
  color:#aaaaaa;
  font-weight:normal;
  font-size:.90em;
  padding-left:5px;
  cursor:pointer;
}

.model strong, .size strong, .model em, .size em  {
  color:#fff;
  font-weight:bold;
  font-size:1.00em;
}

ul.FormHolderWAuto {
}

ul.FormHolderWAuto li {
  display:block;
  float:left;
}

ul.FormHolderWAuto li input {
  display:block;
}

ul.FormHolderWAuto li .autobox {
  display:block;
  position:absolute;
  background:#ccc;
  width:200px;
  border:solid 1px #000;
}

ul.FormHolderWAuto li .autobox div {
  padding:3px;
  cursor: pointer;
}

.offscreen {
  left:-9999px;
}

.onscreen {
  left:auto;
}

.AutoCompleteHighlight {
  background:#0347C5;
  cursor:pointer;
}

.AutoCompleteBackground {
  background:#6181A8;
}
 
/* END - Product Finder */