﻿@charset "utf-8";
/* CSS Document */
body {
	overflow-x: hidden;
background: #3a525c;
}

a:HOVER {
	text-decoration: none !important;
	color: inherit !important;
}
.center
{
	text-align: center;
}
#welcome {
    border: 2px solid #cacaca;
    text-align: left;
    padding-right: 4px;
}
.active
{
	
}
.active a
{
	color: #000;
	font-weight: bold;
}
.ggg{
display: none;
}



/****************TABLE STYLE************/

#welcome {
    border: 2px solid #cacaca;
    text-align: left;
    padding-right: 4px;
}
#welcome table {
}
#welcome tr  {
}
#welcome tr td {
padding: 4%;
}





#welcome form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% tahoma,verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
color: #000000;text-align: center;
}

#welcome form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #bebebe;
  border-width: 2px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#welcome form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#welcome form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-family: tahoma;
	font-size: 11px;
}

#welcome form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#welcome form input, #welcome form textarea, #welcome form select  {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	float: left;
}


#welcome form input#submit {
	margin-left:150px; /* set margin-left back to zero on reset button (set above) */
}

#welcome textarea { overflow: auto; }

#welcome form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#welcome form .required{font-weight:none;} /* uses class instead of div, more efficient */

#welcome  form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/********************END TABLE STYLE********/
/******************** home ***************/

.applePie ul li a img
{
	margin-right: 5px;
}
.a{color: black}
.top-image
{
height: 103px;
overflow: hidden;
border: 1px solid #FFF;
}
.top-image img
{
	width: 100%;
}
.top-title
{
	font-size: 119%;
font-weight: bold;
background: #bfcbff;
height: 103px;
width: 100%;
overflow: hidden;
text-align: center;
border: 1px solid #FFF;
padding: 14px;
}
.top-title1
{
	font-size: 119%;
font-weight: bold;
background: #bde3f3;
height: 103px;
width: 100%;
overflow: hidden;
text-align: center;
border: 1px solid #FFF;
padding: 14px;
}
.top-title2
{
	font-size: 119%;
font-weight: bold;
background: #cae8d7;
height: 103px;
width: 100%;
overflow: hidden;
text-align: center;
border: 1px solid #FFF;
padding: 14px;
}
.top-title3
{
	font-size: 119%;
font-weight: bold;
background: #d9ece1;
height: 103px;
width: 100%;
overflow: hidden;
text-align: center;
border: 1px solid #FFF;
padding: 14px;
}

.top-title-ho :HOVER
{
background: blue;
color: #FFF;
}

.top-title-ho1 :HOVER
{
background: #0094d0;
color: #FFF;
}

.top-title-ho2 :HOVER
{
background: #33a665;
color: #FFF;
}
.top-title-ho3 :HOVER
{
background: #62c48b;
color: #FFF;
}

.top-title-ho a:HOVER,.top-title-ho1 a:HOVER ,.top-title-ho2 a:HOVER ,.top-title-ho3 a:HOVER
{
color: #FFF;

}

.top-title a
{
	color: #000;
}
.top-title1 a
{
	color: #000;
}
.top-title2 a
{
	color: #000;
}
.top-title3 a
{
	color: #000;
}
.mar10
{
	margin-bottom: 10px;
}
.logo-images
{
	
}
.logo-images img
{
	width: 100%;
}
.height-style
{
background: #577b8b;	
height: 412px;
overflow: hidden;
}
.search
{
	background: #7d0920;
padding: 20px;
color: white;
text-align: center;
height: 72px;
}
.search1
{
	background: #7d0920;
padding: 10px;
color: white;
text-align: center;
height: 72px;

}

.code
{
	color: #000;
margin-left: 10px;
font-size: 21px;
font-weight: bold;
}

.code input
{
margin-left: 17px;
width: 50%;
}
.chebox
{
	height: 220px; 
	overflow-y:scroll;
}
.mar40
{
margin-top: 40px;
}
.checkbox-Type
{
	float: right;
	width: 60%;
}
.header-checkbox
{
	float: left;
width: 30%;
color: #000;
margin-left: 10px;
font-size: 21px;
font-weight: bold;
}
.checkbox-style
{
	
}

.Current-Residential
{
	background: #2e7d5d;
padding: 10px;
color: white;
text-align: center;
margin-top: 40px;
}
.background-all
{
	background: #f2f2f2;
}
.images-res
{
	
}
.images-res img 
{
	width: 100%;
	height: 200px;
}
.hreflinks
{
	margin-top: 20px;
}

.hreflinks ul
{
	
}

.hreflinks ul li
{
	list-style: none;

overflow: hidden;
max-height: 70px;
margin-top: 10px;
}

.hreflinks ul li img
{
margin-right: 10px;
}
.hreflinks a
{

	color: #000;
	font-size: 15px;
font-weight: bold;
}
.mar20
{
	margin-top: 20px;
}
.title-welcome
{
	color: #074368;
	font-size: 25px;
    font-weight: bold;
    text-align: center;
padding: 4%;
}
.full-desc
{
	padding: 2%;
font-size: 17px;
}
.read-more-welcome
{
	text-align: right;
padding: 3%;
border-bottom: 2px solid #cacaca;
}
.read-more-welcome a
{
	color: red;
}
.offer {
    width: 100%;
    border: 1px solid #ffffff;
    background: #ffffff;
text-align: center;
vertical-align: top;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
_width: 225px;
}
.hotoffers
{
	background: #f2f2f2;
	margin: 20px 0px;
 table-layout: fixed;
  width: 100%;
  white-space: nowrap;

}
.hotoffers table
{
	
}
.hotoffers tr 
{
width: 100%;
}
.hotoffers tr td
{
border: 3px solid #D4D4D4;
text-overflow: ellipsis;
overflow: hidden;
height: 40px;
}
.hot
{
	font-size: 20px;
font-weight: bold;
text-align: center;
margin: 20px 0px;
color: #9f0200;
}
.full-service
{
	color: #000;
	border-bottom: 2px solid #D4D4D4;
	padding: 2%;
font-size: 17px;
}
#welcome
{
text-align: left;
padding: 3%;
}

#welcome p
{
line-height: 20px;
}
.question
{
	font-size: 120%;
font-weight: bold;
margin-top: 20px;
}
.txt
{
	text-align: justify;
font-size: 110%
}
#offer
{
	
}
.mar20
{
	margin-top: 20px;
}
legend
{
	display :block;
padding: 1%;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
text-align: left;
}
.formstyle
{
	
}
.formstyle form
{
	margin: 15px;
	height: 767px;
overflow: hidden;
}
.formstyle form label
{
	font-size: 15px;
float: left;
width: 33%;
}
.restricted
{
overflow-y: scroll;
height: 115px;
border: 1px solid #acacac;
padding: 23px;
margin: 10px 0px;
}
.col-none
{
display: block;
}
/*******************/
/******************************************/
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
	.home-service-name {
		background-color: #1C4594;
		overflow: hidden;
		padding: 20px 10px;
		height: 70px;
	}
#icons{
display: none;
}

.col-none
{
display: none;
}
	.nwes-letr-bg {
		display: none;
	}
	.footer-bg {
		background-image: none;
		background-color: #01256b;
		margin-top: 10px;
		padding: 20px 0px 0px !important;
	}
	.height-style
	{
	height: auto;
	}
	.mar20query
	{
	margin: 20px 0px;
	
	}
.Current{
display: none;
}
.ggg{
display: block;
}

}
