body
{ 
  margin      :  0px;
}

div
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #333333;
  
  position     :  relative;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;

  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #333333;
}

h1
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  18px;
  font-weight  :  normal;
  color        :  #333333;
  
  margin       :  0px 0px 5px 0px;
  padding      :  0px;
}

h2
{
  font-family  :  tahoma, verdana, arial, sans-serif;
  font-size    :  15px;
  font-weight  :  bold;
  color        :  #333333;
  
  margin       :  0px;
  padding      :  0px;
}

a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #336699;
  
  text-decoration  :  none;
}

a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #336699;
  
  text-decoration  :  underline;
}

a img
{
  border  :  none;
}

input.textbox
{
  font-family :  verdana, arial, sans-serif;
  font-size   :  11px;
  color       :  #666666;
  padding     :  2px;
  border      :  solid 1px #a5aca2;
  width       :  97%;
}

select
{
  font-family :  verdana, arial, sans-serif;
  font-size   :  11px;
  color       :  #666666;
  padding     :  2px;
  border      :  solid 1px #a5aca2;
  width	      : 145px;
}

#MainDiv
{
  margin  :  0px auto 0px auto;
}

#Header
{
  background  :  #ffffff;
}

#Header.sticky
{
  position       :  -webkit-sticky; /* Safari */
  position       :  sticky;
  top            :  0;
  z-index        :  999999;
  border-bottom  :  solid 1px #336799;
}

#Header #Logos
{
  width   :  760px;
  margin  :  0px auto 0px auto;
}

#Header #Logos div.hPhone
{
	float        : right;
	line-height  : 25px !important;
	height       : auto !important;
	padding-top  :  10px;
}

#Header #Logos div.hPhone span
{
	font-size    :  13px;
	color        :  #333333;
	display      :  block;
}

#Header #Logos div.hPhone a
{
	display      :  block;
	clear        :  both;
	font-size    :  24px;
	color        :  #333333;
	font-weight  :  bold;
}


#TagLine
{
  line-height  :  auto;
   padding     :  0px;
   background   :  url("../images/tagline-bg.jpg") scroll 0 0 transparent;
}

#TagLine div
{
  line-height  :  28px;
   padding     :  12px 0px 12px 0px;
  width        :  760px;
  margin       :  0px auto 0px auto;
   
  font-family  :  verdana, arial, sans-serif;
  font-size    :  22px;
  font-weight  :  bold;
  color        :  #ffffff;
}

#SearchDiv
{
  background  :  #cccccc;
  padding  :  10px 0px 12px 0px;
}

#Search
{
  background  :  #ffffff;
  width       :  760px;
  height      :  394px;
  margin      :  0px auto 0px auto;
  overflow    :  hidden;
}

#Search ul.table
{
  list-style  :  none;
  margin      :  0px;
  padding     :  0px;
}

#Search ul.table li.td
{
  padding  :  0px;
  margin   :  0px;
  float    :  right;
}

#Search ul.table li.td:first-child
{
  width  :  315px;
}

#Search ul.table li.td:last-child
{
  width  :  445px;
}

#Search #frmSearch
{
  padding   :  10px;
}

#Search #frmSearch .error
{
  margin-bottom:5px; font-family:arial; font-size:11px; color:#ff0000;
}

#Search #frmSearch ul
{
   padding  :  0px 0px 0px 20px;
   margin   : 10px 0px 0px 0px;
   list-style  :  disc;
}

#frmSearch ul li
{
	color:#333333;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0 0 4px;
}


#Body
{
  clear        :  both;
  background   :  #ffffff;
  width        :  760px;
  margin       :  15px auto 0px auto;
  padding      :  0px 0px 30px 0px;
  line-height  :  16px;
}

.page #Body
{
  margin-top  :  0px;
}

#Body #BodyDiv
{
  padding     :  25px;
  border      :  solid 1px #cccccc;
  min-height  :  400px;
}


#Footer
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #666666;
  
  text-align   :  center;
  padding      :  12px 0px 50px 0px;
  border-top   :  solid 1px #cccccc;
  width        :  760px;
  margin       :  0px auto 0px auto;
}

#Footer a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #666666;
  
  text-decoration  :  none;
}

#Footer a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #666666;
  
  text-decoration  :  underline;
}



#Header
{
  height  :  auto;
}

#TagLine
{
  line-height  :  auto;
  padding      :  0px;
  background   :  url("../images/tagline-bg.jpg") scroll 0 0 transparent;
}

#TagLine div
{
  line-height  :  28px;
   padding     :  12px 0px 12px 0px;
   
  font-family  :  verdana, arial, sans-serif;
  font-size    :  22px;
  font-weight  :  bold;
  color        :  #ffffff;
}

#SearchDiv
{
  background  :  #cccccc;
  padding  :  10px 0px 12px 0px;
}


#Search
{
  width  :  760px;
  margin  :  0px auto 0px auto;
  background  :  #ffffff;
}

.page #Logos, #TagLine div
{
  width  :  760px;
  margin  :  0px auto 0px auto;
}



@media all and (max-width : 668px)
{
	#Body, #Footer, #Header #Logos, #TagLine div, #Search
	{
		width  :  auto;
	}
	
	#Header
	{
		text-align  :  center;
	}

	
	#Header
	{
	  height      :  auto;
	  text-align  :  left;
	}
	
	#Header a.logo
	{
		margin-left  :  15px;
	}
	
	#Header div.hPhone
	{
		margin-right  :  15px;
	}

	#TagLine
	{
	  text-align         :  left;
	  background-repeat  :  repeat;
	}
	
	#TagLine div
	{
		padding-left : 10px;
		padding-right : 10px;
	}	
	
	
	#Search
	{
	  height  :  auto;
	  margin  :  0px;
	  padding-top  :  10px;
	}
	
	#SearchDiv
	{
		padding : 0px;
	}	
	
	#Search ul.table li.td:first-child, #Search ul.table li.td:last-child
	{
	  width  :  100%;
	}
	
	#Search ul.table li.td
	{
	  float    :  none;
	  clear    :  both;
	}
		
	#Search img
	{
	  width   :  100%;
	  height  :  auto;
	}
	
	#Search #frmSearch
	{
	  margin      :  0px auto 10px auto;
	  width       :  280px;
	  text-align  :  center;
	}
	
	#Search #frmSearch div.form
	{
	  margin      :  0px auto 0px auto;
	  width       :  240px;
	}
	
	#Search #frmSearch div.form #Zipcode
	{
		width  :  calc(100% - 30px) !important;
	}
	
	#Search #frmSearch li
	{
	  text-align  :  left;
	}
	
	
	#Body #BodyDiv
	{
	  border      :  none;
	  border-top  :  none;
	}
	
	.page #Body
	{
		padding-left  :  20px;
		padding-right  :  20px;
	}
	
	
	h1
	{
	  font-size    :  14px;
	  font-weight  :  bold;
	}
	
	#Footer
	{
		padding  :  15px 20px 50px 20px;
	}
	
	#Footer span
	{
	  display      :  block;
	  padding-top  :  5px;	  
  	}
  	
	#Footer span:first-child
	{
	  display  :  none;
  	}
}


@media all and (max-width : 580px)
{
	#Header #Logos
	{
	  text-align      :  center;
      height          :  auto;
      line-height     :  40px;	  
	  padding-bottom  :  5px;
	}
	
	#Header #Logos a.logo
	{
		margin-left  :  0px;
		display      :  block;
	}
	
	#Header #Logos a.logo img
	{
		margin  :  30px 0px 6px 0px;
	}
	
	#Header #Logos div.hPhone
	{
		float         :  none;
		margin-right  :  0px;
		padding-top   :  0px;
		clear         :  both;
		padding-bottom  :  5px;
	}
	
	#ZipForm
	{
		width   :  175px !important;
		margin  :  0px auto 0px auto;
	}
	
	#ZipForm td:first-child
	{
		width  :  calc(100% - 53px)  45px !important;
	}
	
	#ZipForm td:last-child
	{
		width  :  45px !important;
	}
}

/*****************************  Lead Request Form ****************************/

.request h1
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  17px;
  font-weight  :  bold;
  color        :  #333333;

  margin       :  0px 0px 5px 0px;
  padding      :  0px;
}

.request h2.green
{
  font-family  :  tahoma, verdana, arial, sans-serif;
  font-size    :  14px;
  font-weight  :  bold;
  color        :  #339933;

  margin       :  0px 0px 15px 0px;
  padding      :  0px;
}

.request #frmRequest
{
  width       :  320px;
  margin      :  25px auto 25px auto;
  background  :  #e6e6e6;
}

.request #frmRequest .padding
{
  padding      :  15px 25px 25px 25px;
  line-height  :  18px;

  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;

  text-align   :  justify;
}

.request #frmRequest #BtnRequest
{
  margin  :  15px 0px 5px 0px;
}

.request #frmRequest label
{
  display      :  block;
  padding      :  8px 0px 2px 0px;

  font-family  :  tahoma, arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  12px;
  color        :  #000000;
}

.request #frmRequest td label
{
  padding      :  0px;
  font-weight  :  normal;
  font-size    :  11px;
}

.request #frmRequest input.textbox
{
  padding    :  6px;
  width      :  97.5%;
  font-size  :  14px;
}

.request #frmRequest select
{
  width      :  97.5%;
  padding    :  5px;
  font-size  :  14px;
}

.request #frmRequest textarea
{
  padding    :  6px;
  width      :  97.5%;
  font-size  :  14px;
}

.request #frmRequest a
{
  font-size  :  11px;
  color      :  #666666;
}

.hidden
{
  display : none;
}

div.br10
{
  height : 10px;
  line-height : 10px;
  font-size : 1px;
}

.mandatory
{
  color         :  #ff0000;
  font-weight   :  bold;
  padding-left  :  2px;
}

.required
{
  color         :  #000000;
  font-weight   :  bold;
  padding-left  :  2px;
}

.error
{
    color: #ff0000;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
}

a.thanks
{
  text-decoration :  underline;
}

a.thanks:hover, a.thanks:focus
{
  text-decoration :  none;
}


@media all and (max-width : 750px)
{
	.request h1
	{
	  font-size    :  19px;
	  line-height  :  23px;
	}
	
	.request h2.green
	{
	  font-size    :  16px;
	  line-height  :  20px;
	}
	
	.request #frmRequest
	{
	  width      :  auto;
	  max-width  :  320px;
	  margin     :  20px auto 0px auto;
	}
	
	.request #frmRequest
	{
	  margin-bottom  :  25px;
	}
	
	.request #frmRequest label
	{
	  font-size  :  15px;
	  padding    :  12px 0px 3px 0px;
	}
	
	.request #frmRequest select
	{
	  font-size  :  14px;
	  padding    :  8px;
	  width      :  100%;
	}
	
	.request #frmRequest input.textbox
	{
	  font-size  :  14px;
	  padding    :  8px;
	  width      :  calc(100% - 16px);
	}	
	
	.request #frmRequest #BtnRequest
	{
	  width           :  100%;
	  outline         :  none;
	  background-size : 100% auto;
	}
	
	.request #frmRequest td label
	{
	  font-size  :  13px;
	}
}


a.thanks
{
  text-decoration :  underline;
}

a.thanks:hover, a.thanks:focus
{
  text-decoration :  none;
}